VUE组件通信(父传子)

Posted cola1orz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VUE组件通信(父传子)相关的知识,希望对你有一定的参考价值。

首先把父组件要传输的数据用自定义属性绑定在标签上

<father :father_data=‘ data ‘></father>

在子组件中用prpos接收

const childcomponent = 
  template:‘<child>son_data</child>‘,
  props:[‘ father_data‘],       //props[‘属性名‘]   (在父组件中用来绑定数据的属性名)
  data()
     return
       //用来接收数据的变量
       son_data:‘‘
     
  ,
  mounted()
    //钩子函数,页面加载完成时把接收到的父组件传过来的值赋给子组件变量
    this.son_data = this.father_data
  
//如果父组件数据发生改变 可以使用特么computed计算或者watch监听

 

以上是关于VUE组件通信(父传子)的主要内容,如果未能解决你的问题,请参考以下文章

VUE组件通信(父传子)

vue中组件间的通信,父传子,子传父

组件Vue组件之间的通信父传子 | 子传父

Vue组件间的通信--父传子

Vue组件 父传子 子传父

组件通信-父传子