Vue - 局部组件

可以通过某个 Vue 实例/组件的实例选项 components 注册仅在其作用域中可用的组件：

var Child = {
  template: '<div>A custom component!</div>'
}

new Vue({
  // ...
  components: {
    // <my-component> 将只在父组件模板中可用
    'my-component': Child
  }
})

在其他Vue实例中，局部组件不会起作用

<div id="app">
  <my-test></my-test>
</div>
<script src="vue.js"></script>
<script>
  new Vue({
    el: '#app',
    components:{
      'my-test': {
        template:`
    <div>
      <p>测试</p>
    </div>
  `
      }
    }
  });
</script>