代码:
//html代码:
<div id="app">
<one></one> //全局的组件能显示到页面
<two></two> //局部的组件只能在对应的vue实例中显示
</div>
<div id="app1">
<two></two> //其他的vue实例 不能显示
</div>
// 创建全局组件
Vue.component('one', {
template: `<div>全局组件</div>`,
});
//创建Vue实例,得到 ViewModel
new Vue({
el: '#app',
data: {},
methods: {},
// 局部组件
components: {
two: {
template: `<h2> 局部组件</h2>`
}
}
});
- two组件你注册了吗?
注册组件的区别
1.全部注册组件:在所有的vue实例中都可使用
2.局部注册组件:只能在当前vue实例中有效.