基于vue框架项目开发过程中遇到的问题总结（一）

（一）关于computed修改data里变量的值

问题：computed里是不能直接修改data里变量的值，否则在git commit 时会报错

解决：在computed里使用get和set来进行获取和修改data变量，（参考下图）

​

（二）computed里监听数组的变化

问题：computed里返回一个数组，但是在进行交换数组里两个元素的位置不能触发computed的更新（视图不能更新）

解决：使用this.$set修改数组的值

this.$set(arr,index,val)，arr是指修改的数组，index指下标（修改的位置），val指想修改的结果，使用$set可实时更新视图

（三）transition-group使用时，key值坑

问题：之前单纯想的是直接将循环出的index赋值给key，但是在交换元素位置出现错乱问题，原因是交换位置后，元素的key发    生了变化

解决：给key值设置一个不会因为位置变化而变化的值，比如我直接使用的是id

这是参与该项目开发第一周遇到并已解决的问题，接下来几个月将持续更新