vue2.0 prop的问题

clipboard.png
clipboard.png
为什么说是父组件的数据?message 和 parentMsg 是父组件的数据?没有看到父组件中有定义。把message = 'hello'这句代码写在子组件child里就相当于是拿到了message了?

阅读 2.3k
2 个回答

parentMsg是父组件数据,message不是数据,只是props的变量名称。

其实你截图描述的这段话就已经把你的问题解释了。
组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中。
就是每个组件定义在data里面数据的值都是属于当前组件自身的。
假设你现在把vue实例绑定到了一个的el #(id)元素,它作为父元素。
接着你会在data属性里定义了几个值,那这几个值的作用域就是属于这个父元素的。
然后你定义了一个组件,组件的里面也可以有值也是属于它自己的作用域,如果你想把父元素的数据传给这个子组件那么就要通过props里传进去。
在vue单文件开发开发模式中会体现得比较明显吧。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题