虚拟DOM渲染成真实DOM，需要用到渲染器
编译器将模板进行编译为虚拟 DOM，最后放到
script块对象中的render选项位置。之后渲染器将虚拟 DOM 转为真实 DOM 挂载到页面上，之后的更新及其系列操作也将由渲染器完成。
第一篇 框架设计概览
第 3 章 Vue.js 3 的设计思路
3.1 声明式地描述 UI
编写前端页面都涉及的内容如下。DOM 元素：例如是 div 标签还是 a 标签。 属性：如 a 标签的 href 属性，再如 id、class 等通用属性。 事件：如 click、keydown 等。 元素的层级结构：DOM 树的层级结构，既有子节点，又有父节点。
Vue.js 3 是一个声明式的 UI 框架。Vue.js 提供了模版和JavaScript对象（其实就是所谓的虚拟 DOM）来声明式地描述UI。
模版：使用与 HTML 标签一致的方式来描述 DOM 元素，例如描述一个 div 标签时可以使用 <div></div>；使用与 HTML 标签一致的方式来描述属性，例如 <div></div>；使用 : 或 v-bind 来描述动态绑定的属性，例如 <div :id="dynamicId"></div>；使用 @ 或 v-on 来描述事件，例如点击事件 <div @click="handler"></div>；使用与 HTML 标签一致
© 版权声明
文章版权归作者所有，未经允许请勿转载。
相关文章
暂无评论...
