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 }
}