Vue 的组件作用域都是孤立的,不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。
首先用 vue-cli 创建一个项目,其中shouye 是父组件,components 文件夹下都是子组件。
步骤一:现在需要使用props从shouye向图示高亮组件中传递数据(即父组件至子组件传递数据)。
步骤二 现在需要从父组件中获取value的值,在 props 中添加了元素之后,就不需要在 data 中再添加变量了
步骤三 如上二图所示 就可以从父组件中把值传递到子组件中。