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之间)