当前位置: 首页 > Web前端 > HTML

VUE开发过程中,更新数据无法重新渲染页面

时间:2023-04-02 18:20:25 HTML

data(){return{form:{name:'',region:'',date1:'',date2:'',delivery:false,type:[],resource:'',desc:''},divFormList:[]}}当你将一个普通的JavaScript对象作为数据选项传递给Vue实例时,Vue会遍历这个对象的所有属性,并使用Object.defineProperty将这些属性全部转换为getter/setter。Object.defineProperty是ES5中无法shimmed的特性,这也是Vue不支持IE8及以下浏览器的原因。这些getters/setters对用户是不可见的,但在内部它们允许Vue跟踪依赖项并在访问和修改属性时通知更改。这里需要注意的是,不同的浏览器在控制台打印数据对象时getter/setter的格式不同,所以建议安装vue-devtools以获得更友好的用户界面来查看数据。每个组件实例对应一个watcher实例,watcher实例会在组件渲染过程中记录“touched”数据属性作为依赖。然后,当依赖项的设置器触发时,观察者会收到通知,从而导致其关联的组件重新呈现。关于检测变化的注意事项由于JavaScript的限制,Vue无法检测数组和对象的变化。有一些方法可以绕过这些限制并使它们保持响应。