vue.js基础（继）

标签：javascrip   XML   利用   总结   一个   初学者   keepalive   containe   实例   

　　今日，将简单地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

vue.js基础（继）

标签：javascrip   XML   利用   总结   一个   初学者   keepalive   containe   实例   

原文地址：https://www.cnblogs.com/zhangzhouy/p/11415714.html