为什么说是父组件的数据?message 和 parentMsg 是父组件的数据?没有看到父组件中有定义。把message = 'hello'这句代码写在子组件child里就相当于是拿到了message了?
为什么说是父组件的数据?message 和 parentMsg 是父组件的数据?没有看到父组件中有定义。把message = 'hello'这句代码写在子组件child里就相当于是拿到了message了?
其实你截图描述的这段话就已经把你的问题解释了。
组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中。
就是每个组件定义在data里面数据的值都是属于当前组件自身的。
假设你现在把vue实例绑定到了一个的el #(id)元素,它作为父元素。
接着你会在data属性里定义了几个值,那这几个值的作用域就是属于这个父元素的。
然后你定义了一个组件,组件的里面也可以有值也是属于它自己的作用域,如果你想把父元素的数据传给这个子组件那么就要通过props里传进去。
在vue单文件开发开发模式中会体现得比较明显吧。
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答4.7k 阅读✓ 已解决
4 回答4.3k 阅读✓ 已解决
4 回答1.9k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
2 回答2.5k 阅读✓ 已解决
parentMsg是父组件数据,message不是数据,只是props的变量名称。