随着技术的进步现在web前端开发不仅应用广泛,而且也有了很多新的技术点,就像现在的前端开发工作中如果不会框架是基本不行的,而在三大框架中企业使用比较多的框架就是vue了。由于很多学习web前端的人对于这方面的知识还是不太了解,所以今天就来介绍web前端框架vue基础知识。
1.vue框架的优点
轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb;
简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习;
双向数据绑定:保留了angular的特点,在数据操作方面更为简单;
组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势;
视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作;
虚拟DOM:dom操作是非常耗费性能的,不再使用原生的dom操作节点,极大解放dom操作,但具体操作的还是dom不过是换了另一种方式;
运行速度更快:相比较于react而言,同样是操作虚拟dom,就性能而言,vue存在很大的优势。
为您推荐:Java开发中的三大框架都是什么?
2.Vue框架的生命周期
总共分为8个阶段创建前/后,载入前/后,更新前/后,销毁前/后。
创建前/后:在beforeCreate阶段,vue实例的挂载元素el和数据对象data都为undefined,还未初始化。在created阶段,vue实例的数据对象data有了,el和数据对象data都为undefined,还未初始化。
载入前/后:在beforeMount阶段,vue实例的$el和data都初始化了,但还是挂载之前为虚拟的dom节点,data.message还未替换。在mounted阶段,vue实例挂载完成,data.message成功渲染。
更新前/后:当data变化时,会触发beforeUpdate和updated方法
销毁前/后:在执行destroy方法后,对data的改变不会再触发周期函数,说明此时vue实例已经解除了事件监听以及和dom的绑定,但是dom结构依然存在
3.vue组件中的函数
对象为引用类型,当复用组件时,由于数据对象都指向同一个data对象,当在一个组件中修改data时,其他重用的组件中的data会同时被修改;而使用返回对象的函数,由于每次返回的都是一个新对象(Object的实例),引用地址不同,则不会出现这个问题。
以上就是对于web前端Vue框架的介绍,现在的web前端工作基本都要求会框架,所以我们要想找到工作掌握框架方面的知识是必然的,就像在南京北大青鸟的web前端课程中一样,我们会中框架内容的学习放在实战中,这样的学习效果才是比较不错的。