vue.js 同时多个赋值是一次性渲染还是多次渲染DOM？

问题描述

问 题

                vm = new Vue({
                    el: '#app',
                    data: {
                        todolist: [],
                        todoloading: false,
                        searchtext: '',
                        msgcount : 0
                    }
                    .......

例如以上是我的页面代码。

现在场景是当然改变data内的值时，会触发vue重新渲染新的dom（如下）：

vm.todolist = ['xxx','xxx','xxx','xxx'];
vm.msgcount = 5;
vm.searchtext = 'Hello !!!';

根据上述代码，vm对象内赋值了3次。那么请问下页面上的dom是渲染了3次，还是1次？如果是3次，那么有没有什么办法，可以先暂停渲染，然后在上述三次赋值完后，执行一次全部渲染？

解决方案

只会渲染一次，详情参考官方的文档： https://cn.vuejs.org/v2/guide...

渲染的操作是被放到队列中执行的，如果队列中已经有了相同类型的渲染操作就会用新的替代旧的操作，所以只会在最后渲染一次

这篇关于vue.js 同时多个赋值是一次性渲染还是多次渲染DOM？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！