vue基础知识点

Posted on 2020-07-28 10:54  猿六毛  阅读(111)  评论(0编辑  收藏  举报

vue基础----查缺补漏

vue的优点

1.轻量级框架:只关注视图层,由数据驱动视图,大小只有几十kb

2.简单易学

3.双向数据绑定:保留了Angular的特点,同时在数据操作上更加简洁

4.组件化:保留了react的特点,实现了html页面的封装和重用,在单页面应用开发上有着独特的优势

5.视图,数据,结构分离:使数据的修改更为简单,不需要进行逻辑代码上的修改,只需要操作数据就可以完成相关操作

6.虚拟dom操作:dom节点操作是非常消耗性能的(但有些操作还是要进行dom操作,只不过用的是ref方式)

7.运行速度更快:相较于react而言,同样是操作虚拟dom,就性能而言,vue存在很大的优势

生命周期函数理解

分为八个阶段:

1.创建前/后(beforeCreate/created)

创建前 vue实例的挂载元素$el和数据对象data都是undefined,还未初始化

创建后 数据对象data有了,但$el依然为undefined,未初始化

2.载入前/后(beforeMount/mounted)

载入前 vue实例的$el和data都初始化完了,但是挂载的还是虚拟dom,data数据还未渲染

载入后 vue实例挂载完,data数据已经渲染完

3,更新前后(beforeUpdate/updated)

data数据发生变化时触发

4.销毁前后(beforeDestroy/destroy)

在执行destroy方法后,对data的改变不会再触发周期函数,说明此时vue实例已经解除了事件监听以及和dom的绑定,但是dom结构依然存在

补充:(computed计算属性位于created和beforeMount之间)