props父组件至子组件中传值

Vue 的组件作用域都是孤立的,不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。

首先用 vue-cli 创建一个项目,其中shouye 是父组件,components 文件夹下都是子组件。


步骤一:现在需要使用props从shouye向图示高亮组件中传递数据(即父组件至子组件传递数据)。




步骤二 现在需要从父组件中获取value的值,在 props 中添加了元素之后,就不需要在 data 中再添加变量了


步骤三   如上二图所示 就可以从父组件中把值传递到子组件中。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容