详述虚拟DOM中的diff算法
swiper获取数据、css都没有问题,但是图片不动,应该怎么解决
原因:就是swiper在请求数据之前就已经渲染出来了,然后没有数据,就相当于一个没有图片的轮播。就像我的才华一样,吊用没有。
解决方案:
第一种:this.$nextTick()这个方法放在生命周期里面,在DOM渲染完毕之后执行回调函数。
可以在这里初始化swiper。就像我的脑子一样,发生之后再动起来。
第二种:在初始化swiper时可以给它加上两个属性。
observer: true, //修改swiper自己或子元素时,自动初始化swiper
observeParents: true //修改swiper的父元素时,自动初始化swiper
子组件能不能修改父组件传递过来的数据
能是能,但是会报错,正确答案下:
1.在子组件中的的data函数中注册一个值来接收父组件传过来的值,然后修改这个data,通过这一系列麻烦的要死的操作就可以不报错地修改父组件的值了
2.先将值传递给子组件,子组件 props 接收并使用,然后通过 $emit 广播一个事件给父组件,并将值一并传递,父组件 @子组件广播过来的事件,并定义一个方法,在该方法中,改变传递过来的值,父组件又会将值传递给子组件,这样就形成了一个闭环,问题得以更麻烦的解决。
3.用computed计算属性的方法,先在data里面注册一个值接收props,然后再在计算属性里面把这个值return出来,return出来后就可以在子组件内部修改使用了。