Vue中父子组件之间传值,兄弟之间传值(1)

使用:

//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}}