Vue父组件向子组件传值

父组件给子组件传值分为两部分，第一部分：父组件调用子组件的时候 绑定动态属性，第二部分：在子组件里面通过 props接收父组件传过来的数据。具体见如下代码

父组件调用子组件的时候 绑定动态属性。如下是绑定了id，用于子组件中接收id这个参数  

<v-web-class :id="id"></v-web-class>

在子组件里面通过 props接收父组件传过来的数据  

props: ['id']
或
props: {
     'id':String,
}

但是有要注意的点：
子组件接受的父组件的值分为——引用类型和普通类型两种，
普通类型：字符串（String）、数字（Number）、布尔值（Boolean）、空（Null）
引用类型：数组（Array）、对象（Object）
其中，普通类型是可以在子组件中更改，不会影响其他兄弟子组件内同样调用的来自父组件的值，
但是，引用类型的值，当在子组件中修改后，父组件的也会修改，那么后果就是，其他同样引用了改值的子组件内部的值也会跟着被修改。除非你有特殊的要求这么去做，否则最好不要这么做。
 
父组件传给子组件的值，在子组件中千万不能修改，因其数据是公用的，改了所有引用的子组件就都改了。