vue创建组件
1、全局组件
Vue.component(“组件名称”,{
template:dom节点
})
//全局定义组件
Vue.component("navbar",{
template:`
<div>
<button @click="handleback()">返回</button>
navbar
<button>主页</button>
</div>`,
methods:{
handleback(){
console.log("hhh");
}
}
})
new Vue({
el:"#box"
})
2、局部组件
1)子组件定义全局,其他组件都可以访问该组件
child是navbar的子组件
2)子组件定义局部,只能由该父组件访问,其他组件不能访问
注意:自定义组件需要一个父节点;父子组件的data是无法共享;组件可以有data、methods、computed…,但是data必须是一个函数