「vue组件通信」父组件向子组件通信props

组件实例的作用域是

孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop才能下发到子组件中。

怎么做呢?

1、在子组件中,要显示地用props选项声明想要接收父组件的数据:

{{mytitle}}

上述写法是控制传递参数的类型props还有另一种写法,这种写法是直接声明参数,若是想要对参数加判断就使用上述写法

props:['mytitle'],

2、【静态props】在父组件中,若是单纯想要传一个静态字符串,直接如下声明即可:

3、【动态props】在父组件中,有很多时候我们传递的是一个动态的参数,随着操作的变化而变化,则这时候父组件需要使用v-bind来绑定动态参数:

item是一个动态参数,一般是现在data钩子里面定义,然后根据所需的操作进行动态改变数据