Vue--父子组件之间的传值

1.父传子

1.在父组件中给子组件绑定动态属性

<v-home :title="title"></v-home>

2.在子组件中用propos[]接收

export default{

data(){

return{

msg:''

}

},

methods:{},

props:['title']

}//这里还可以验证传递对象的合法性；props:['title'：String]

 

这里传值还可以传方法和对象；通过方法的参数传递还可以实现富组件接受子组件的值；

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

除了传值还可以主动获取

1.父组件主动获取子组件的属性和方法

（1）调用的子组件的时候定义ref

（2）在父组件中通过this.$refs.子组件的ref名.属性/his.$refs.子组件的ref名.方法

2.子组件主动获取父组件的数据和方法

直接通过 this.$parent.数据/this.$parent.方法