WIP

vuexを導入した上でのファイル構成

2017年04月11日に更新 vsanna / public vue.js

木村さんと相談した上での構想案

  • root vue インスタンスは1個だけ. bodyにmountする
  • componentになるべくコードを閉じ込める
  • 各ページ共通のcomponentはグローバルでVueに登録する(できる?)
// config_vue.js ... 全てのページ別jsにおいてまず呼ばれる
import Vue from 'vue'
// 例としてNotificationのコンポーネントがあるとする
import Notification from './components/notification.vue'

// TODO: コレができるかどうか調べる
const Vue = Vue.component('notification', Notification)

export Vue


// hoge.js ... ページにroot vue インスタンスをマウントする箇所
import Vue from './config_vue.js'

$(() => {
  new Vue({
    'el': '#app',
  })
})

forumコメントを残す

まだコメントはありません!
ログインしてコメントを残す
{{comment.user.name}} on {{commentCreatedAt()}}

shareシェアする

content_copy前後のイシュー

{{message}}