VUE的组建通信

163 阅读1分钟

组建通信

单向数据流

父子传参(父组件给子组件传参数)

实现方法:

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

2.子组件通过props属性接收 (1)props是组件实例的一个属性,代表的是接受到的数据 (2)props的值可以是数组也可以是对象 {对象形式需要进行校验,不能无脑的要}

子父传参(子组件给父组件传值)

实现方法:

子组件通过emit方法触发一个事件(方法、函数=>自定义事件)语法:emit方法触发一个事件(方法、函数=>自定义事件) 语法:emit(事件名,参数)

父组件通过监听子组件的自定义事件来接收到传来的参数 语法:v-on子组件自定义事件名=“函数名(参数)”

    总结:数据来源{父组件,一定写在父组件的data属性中}
    通信分类:谁是主动?谁想改数据:
    父想改:父->子通信
    子想改:子->父通信