props父组件至子组件中传值

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

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

---

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

---

---

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

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