1.声明式地描述UI
声明式的好处在于,它直接描述结果,用 户不需要关注过程。Vue.js 采用模板的方式来描述 UI,但它同样支持 使用虚拟 DOM 来描述 UI。虚拟 DOM 要比模板更加灵活,但模板要 比虚拟 DOM 更加直观
1.使用模板和javascript对象描述UI的区别
使用javascript对象描述UI更加灵活
2.初识渲染器
渲染器的作用是,把虚 拟 DOM 对象渲染为真实 DOM 元素。它的工作原理是,递归地遍历虚 拟 DOM 对象,并调用原生 DOM API 来完成真实 DOM 的创建。渲染 器的精髓在于后续的更新,它会通过 Diff 算法找出变更点,并且只会 更新需要更新的内容渲染器的作用是,把虚 拟 DOM 对象渲染为真实 DOM 元素。它的工作原理是,递归地遍历虚 拟 DOM 对象,并调用原生 DOM API 来完成真实 DOM 的创建。渲染 器的精髓在于后续的更新,它会通过 Diff 算法找出变更点,并且只会 更新需要更新的内容
3.组件的本质
组件就是一组DOM元素的封装
4,模板的工作原理
无论是使用模板还是直接手写渲染函数,对于一个组件来 说,它要渲染的内容最终都是通过渲染函数产生的,然后渲染器再把 渲染函数返回的虚拟 DOM 渲染为真实 DOM,这就是模板的工作原 理,也是 Vue.js 渲染页面的流程
5.vue.js是各个模块组成的有机整体
组件的实现依赖于渲染器,模板的编译依赖于编译 器,并且编译后生成的代码是根据渲染器和虚拟 DOM 的设计决定的, 因此 Vue.js 的各个模块之间是互相关联、互相制约的,共同构成一个 有机整体