全局组件:
1.挂载到类Vue上
2.html命名短横杠 <my-handsome></handsome>
3. Vue.component( 'my-home',{ //一个对象可以看成一个组件
'template :'<div>我是全局组件{ {msg}}</div>',
data(){
return{
msg : '123242142'
} //组件中的数据必须是函数类型,返回一个实例作为组件的数据
}
})
局部:
局部组件使用的三部曲 1.创建这个组件 2.注册这个组件 3.使用这个组件
1:let handsome = {
template : '<div>我很英俊</div>',
data(){ //组件内的数据必须是函数 不能是对象;
retu