面试题(5)详述虚拟DOM中的diff算法,swiper图片不动解决,子组件能不能修改父组件传递过来的数据

详述虚拟DOM中的diff算法

swiper获取数据、css都没有问题，但是图片不动，应该怎么解决

原因：就是swiper在请求数据之前就已经渲染出来了，然后没有数据，就相当于一个没有图片的轮播。就像我的才华一样，吊用没有。
解决方案：

第一种：this.$nextTick()这个方法放在生命周期里面，在DOM渲染完毕之后执行回调函数。
可以在这里初始化swiper。就像我的脑子一样，发生之后再动起来。

第二种：在初始化swiper时可以给它加上两个属性。

observer: true, //修改swiper自己或子元素时，自动初始化swiper
observeParents: true //修改swiper的父元素时，自动初始化swiper

swiper详细文章

子组件能不能修改父组件传递过来的数据

能是能，但是会报错，正确答案下：

1.在子组件中的的data函数中注册一个值来接收父组件传过来的值，然后修改这个data，通过这一系列麻烦的要死的操作就可以不报错地修改父组件的值了

2.先将值传递给子组件，子组件 props 接收并使用，然后通过 $emit 广播一个事件给父组件，并将值一并传递，父组件 @子组件广播过来的事件，并定义一个方法，在该方法中，改变传递过来的值，父组件又会将值传递给子组件，这样就形成了一个闭环，问题得以更麻烦的解决。

3.用computed计算属性的方法，先在data里面注册一个值接收props，然后再在计算属性里面把这个值return出来，return出来后就可以在子组件内部修改使用了。