1 父->子组件间的数据传递 2 //父组件,传递数据 3 <editor :inputIndex="data" :inputName="王文健"></editor> 4 //子组件，接受数据，定义传递数据的类型type与默认值default 5 props: { 6 inputIndex: { 7 type: Object, 8 default: function(){ 9 return {} 10 } 11 }, 12 inputName: { 13 type: String, 14 default: '' 15 }
注意项：
1.辅助间传递数据时类似在标签中写了一个属性，如果传递的数据是data中的属性，则要在传递属性前加v-bind。
如果是一致的固定值：字符 串是静态的可直接传入无需在属性钱加v-bind；
数字，布尔值，对象。数组这些是js表达式而不是字符串，所 以这些即使是静态的也需要加v- bind，把数据放到data中引用。
2.如果prop传到子组件中的数据是一个对象的话，要注意传递的是一个对象引用，虽然父子组件看似分离的但是都是在同一对象下。
如果prop传到子组件的值只是作为初始值使用，且在父制件中不会变化赋值到data中使用。
如果传到子组件的prop的数据在父组件中会被改变，放到计算属性中监听变化使用，因为如果传递的是个对象的话，只改变下面的某个属性子组件中的是不会响应式更新的，如果子组件需要在数据变化时响应式更新那只能放到computed中或者watch深拷贝deep：true才能监听到变化。
当然如果你需要在子组件中通过prop传递数据的变化做些操作，那么写在computed德惠报警告，因为计算属性中不推荐有任何的数据变化，最好只精心计算。如果你非要进行数据的操作那么可以把监听写在watch（注意deep深拷贝）或者使用computed的get和set如图：
但问题又来了，如果你传进来的十个对象，同时你又需要在子组件中操作传进来的这个数据，那么在父组件中的这个数据也会变化，因为你传递的只是个引用，即使你把prop的数据复制到data中也是一样，无论如何复制都是引用的赋值，你只能对对象做深拷贝创建一个副本才能继续操作，你可以用json的方法先转化字符串再转换为对象方便一点。
所以在父子传递数据时要先考虑好书数据要如何使用，否则你会遇到很多问题或子组件中修改了父子间中的数据，这是很隐蔽并且很危险的。