KBoard 플러그인 쪽에서 Vue.js를 적용하실 수 있습니다.

어떤 이유로 KBoard 쪽에 Vue.js를 적용하시려는지 알려주시겠어요?

Vue.js를 활용하여 게시글 목록 페이지 상단에 게시판 번호를 표시하는 코드를 만들어봤습니다.

1. 워드프레스 관리자 -> 외모(테마 디자인) -> 테마 편집기 페이지에서 functions.php 파일 하단에

아래의 코드를 추가해보세요.

add_action('wp_enqueue_scripts', 'kboard_vuejs_theme_scripts');
function kboard_vuejs_theme_scripts() {
	wp_enqueue_script('kboard_vuejs', 'https://cdn.jsdelivr.net/npm/vue');
}

위의 코드를 추가하시면 워드프레스에서 Vue.js 프레임워크를 사용하실 수 있습니다.

2. FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일 제일 상단에

아래의 코드를 추가해보세요.

<div id="app">{{ message }}</div>
<script>
var app = new Vue({
	el: '#app',
	data: {
		message: '<?php echo $board->id?>'
	}
})
</script>

위의 방법을 활용하시면 KBoard 쪽에도 Vue.js를 적용하실 수 있을 듯합니다.

고맙습니다.