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.方法