码迷,mamicode.com
首页 > Web开发 > 详细

vue.js基础(继)

时间:2019-08-27 00:58:52      阅读:134      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!