WIP

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

created at 2017.02.16
updated at 9ヶ月前 ago
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',
  })
})

shareシェアする

forumコメント

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

content_copy前後のイシュー

{{message}}