数据渲染到前端页面的注意事项?

初学web前端,在做页面时,后端数据需要动态渲染到页面上,一般在写静态页面的时候,哪些部分会需要动态渲染,那么在写前端页面时应该如何选择标签,以便于后面的数据渲染???

数据渲染和标签选择之间没有半毛钱关系

标签和数据没什么关系,页面长什么样,什么布局,决定你用什么标签,标签里的内容可能用到后台数据,为了方便后台数据渲染,你定义好层级关系,以及class,或者id,方便之后数据渲染赋值。

数据驱动原理 根据数据变化 页面动态改变

也有一些特殊情况  数据变化了  页面没有改变 

如 修改 select option的值 值为对象中的某个属性 需要使用this.$set(this.tmp,'属性名',属性值)

   当data中的某个属性改变的时候,这个值并不是立即渲染到页面上,而是先放到watcher队列上(异步),只有当前任务空闲的时候才会去执行watcher队列上的任务。所以导致,改变的数据挂载到dom上会有一定的延迟,这也就导致了,当我们在改变属性值的时候,立即通过dom去拿改变的值时发现拿到的值并不是改变的值,而是之前的值  此时使用this.$nextTick  

 还有一些情况 使用强制刷新 this.$forceUpdate