使用:
//1.声明一个全局组件
Vue.component(‘组件名称’,{
data:function(){
return {};
},
template:模板字符串
,
methods:{},
mounted:{}
})
//2.注册局部组件
new Vue({
el:‘’,
data:{},
components:{
组件名称:{组件内容}
}
});
//使用组件
<组件名称></组件名称>
2.组件之间传值
2.1父子传值
//父组件向子组件传递数据
//定义组件
Vue.component(‘组件名称’,{
props:[‘形参名称1’,‘形参名称2’],
data:function(){
return{};
},
template:模板字符串
,
methods:{},
mounted:{}
})
//使用:
<组件名称 参数名称1=‘值’ v-bind:参数名称2=‘变量名’></组件名称>
{{pmsg}}