Vue中避免滥用this去读取data中数据

  • template模板中如何避免

提前处理v-for循环所用的数据,不要在v-for循环中去读取数组、对象类型的数据。在上述template模板中滥用this的例子中可以这样优化。

假设listarrobj皆是服务端返回来的数据,且arrobj没有用到任何模块渲染中,可以这样优化

优化前:


优化后:



你可能感兴趣的:(vue.js,javascript,前端)