渲染数据的问题

来源:4-4 轮播图组件实现(上)

rick_and_

2020-06-08

老师你好,在轮播图渲染中用了v-if, 但是在没加v-if的时候是可以渲染出来图片的,所以问一下: 1. 是页面挂载的时候其实首次渲染是空的,然后异步请求获取到数据以后,触发了data的setter然后update重新渲染了页面,所以看起来是获取到了列表,我这么想是对的不? 2. 为了验证1我试了一下在slider里面用updated是获取到计算的width的, 问一下为啥你用v-if不用updated呢?

写回答

1回答

ustbhuangyi

2020-06-08

你的理解 1 是对的。
v-if 和 updated 完全是 2 个东西,这里用 v-if 是为了保证 recommends 数据获取后才去初始化 slider 组件,保证 slider 组件第一次 mounted 内部计算是对的。
而 updated 只是一个生命周期钩子函数,慎用。

0
2
ustbhuangyi
回复
rick_and_
因为任何数据的修改都会触发 updated,你应该学会使用 watch API
2020-06-08
共2条回复

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程