如何用Vue写完组件之后,只在部分传统html页面使用?

Question

1 现有使用vue写好的组件 example2 如果在app.js全局注册的话,任何一个html页面可以正常使用3 但是假如这个组件只在1个页面使用,如何在这个页面局部注册这个组件?

Answer 1

就在你的传统页面里实例化vue，引入你的组件，注册在当前实例化的vue里呗

var Child = {

  template: '<div>A custom component!</div>'

}

new Vue({

  // ...

  components: {

    // <my-component> 将只在父模板可用

    'my-component': Child

  }

})