vue 父子组件

本文主要是介绍vue 父子组件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.引入子组件

2. 父组件给子组件传值

父组件给子组件传值：

1.父组件调用子组件的时候，绑定动态属性

<v-header :title='title'></v-header>

2.在子组件里面通过props 接收父组件传过来的数据 

3.注意子组件和父组件传到子组件的属性重复则显示为父组件信息

4.父组件中传值方法到子组件

//父组件传方法  js 中methods中存在run方法<v-header :run="run" :home="this"></v-header>//run中不能打括号，打括号表示运行//子组件接收props:['run']运行 this.run() 即可//子组件也可以通过方法回调的形式 传数据给父组件

 

==>例子：

 子组件接收 data平级的 添加 props:['title'] 

3.子组件给父组件传值

==>方法回调的形式传给父组件

 

4.父组件给子组件传值验证数据合法性

  props: {// 检测类型height: Number,// 检测类型 + 其他验证age: {type: Number,default: 0,required: true,validator: function (value) {return value >= 0}}}

 

 

 

这篇关于vue 父子组件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---