javascript - 如何用Vue寫完組件之後,只在部分傳統html頁面使用?

Question

1 現有使用vue寫好的元件example
2 如果在app.js全域註冊的話,任何一個html頁面可以正常使用
3 但是假如這個元件只在1個頁面使用,如何在這個頁面局部註冊這個元件?

Answer 1

就在你的傳統頁面裡實例化vue，引入你的元件，註冊在目前實例化的vue裡唄

var Child = {
  template: '<p>A custom component!</p>'
}
new Vue({
  // ...
  components: {
    // <my-component> 将只在父模板可用
    'my-component': Child
  }
})

Answer 2

你需要熟讀Vue文檔3~4遍 局部註冊

import YourComponent from 'your-component';
export default{
    components: { YourComponent }
}