立即学习:https://edu.csdn.net/course/play/29954/431905?utm_source=blogtoedu
Vue.component(组件名,{
组件的配置
temlate:"<h1>demo组件{{msg}}</h1>",
data(){ //data在组件里表示函数
return{
msg:"我是组件1"
}
}
})
new Vue({ //局部组件
el:"#app",
data:{
}
components:{
"demo2":{
template:"<h1>我是局部组件2</h1>"
}
}
})
组件:组件是可服用的Vue实力,在我们开发过程中我们可以把重复的工程封装成组件,达到快捷 便捷开发的目的
#组件是可以服用的Vue实例
全局注册
局部注册
data在组件里是一个函数
组件通信
通过prop向子组件传参
子组件使用$emit向父组件传参