今日,将简单地Vue.js指令形成了一个串联使用。Vue.js就是这样,是渐进式的,何为渐进式?简单的指令看起来分厂简单,浅显易懂,但是将指令进行综合,自定义事件,原生事件,子父通信,父子通信,创建实例,创建组件,注册组件,数据定义等等进行融合使用时候缺愈发的复杂。进行项目的书写、模拟、测试。以及UI库的综合使用,布局 UI库使用,通过数据控制功能,看似简单的步骤,实现起来对于初学者来讲,仍难侍候很大难度的。一定要多学多练,多练,在多练。形成自己的编程思想,编程思想非常重要。
新知识补充了VDOM,也就是虚拟DOM元素。为什么要使用虚拟DOM呢?因为可以提高性能,好比简单的一个for循环到1000性能可以从50ms 缩减 到 1ms甚至更少。50倍的差距可以看得出来,更少的DOM操作,通过操作数据的方法来改变DOM才是最优的解法。这就是一种理念。一种Vue和react共同的理念(吸取的精华)。
今天主要内容罗列如下:
-
- 操作真实DOM越少越好,尽量的去操作数据
- 所以总结出来虚拟dom,
- 所以Vue利用VDOM的对象模型来模拟DOM结构
- 但是当一个页面很复杂式,DOM结构的模拟就变的很复杂了,所以Vue使用了一个新的语法糖,叫做JSX
- jsx
- javascript + xml 让我们可以在js中书写dom结构
生命周期:
Vue的生命周期分为三个阶段,8个钩子函数(当然还有其他的动态组件:keepalive和2.5新增的一个钩子函数 我们暂且放下,先对最基础的进行掌握)
- 初始化
- beforeCreate
- created
- beforeMount
- mounted
- 运行中
- beforeUpdate
- updated
- 销毁
- beforeDestroy
- destroyed
原文地址:https://www.cnblogs.com/zhangzhouy/p/11415714.html
时间: 2024-10-07 08:19:28