网站开发的母的目的和意义.,福州网站seo,办公软件,物流公司网站方案Vue.js 一个核心思想是数据驱动。所谓数据驱动#xff0c;是指视图是由数据驱动生成的#xff0c;我们对视图的修改#xff0c;不会直接操作 DOM#xff0c;而是通过修改数据。它相比我们传统的前端开发#xff0c;如使用 jQuery 等前端库直接修改 DOM#xff0c;大大简化…Vue.js 一个核心思想是数据驱动。所谓数据驱动是指视图是由数据驱动生成的我们对视图的修改不会直接操作 DOM而是通过修改数据。它相比我们传统的前端开发如使用 jQuery 等前端库直接修改 DOM大大简化了代码量。特别是当交互复杂的时候只关心数据的修改会让代码的逻辑变的非常清晰因为 DOM 变成了数据的映射我们所有的逻辑都是对数据的修改而不用碰触 DOM这样的代码非常利于维护。
在 Vue.js 中我们可以采用简洁的模板语法来声明式的将数据渲染为 DOM
div idapp{{ message }}
/div
var app new Vue({el: #app,data: {message: Hello Vue!}
})
最终它会在页面上渲染出 Hello Vue。接下来我们会从源码角度来分析 Vue 是如何实现的分析过程会以主线代码为主重要的分支逻辑会放在之后单独分析。数据驱动还有一部分是数据更新驱动视图变化这一块内容我们也会在之后的章节分析这一章我们的目标是弄清楚模板和数据如何渲染成最终的 DOM。