南京北大青鸟

全国咨询电话:15195455103

三分钟了解北大青鸟
当前位置:南京北大青鸟 > 新闻动态 > 焦点资讯

web前端框架vue基础知识

来源:Web前端资讯      作者:南京北大青鸟      发布时间:2021-09-26 16:39:18

  随着技术的进步现在web前端开发不仅应用广泛,而且也有了很多新的技术点,就像现在的前端开发工作中如果不会框架是基本不行的,而在三大框架中企业使用比较多的框架就是v

  随着技术的进步现在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前端课程中一样,我们会中框架内容的学习放在实战中,这样的学习效果才是比较不错的。


分享到:

相关阅读:

近期文章

抢试听名额

名额仅剩66名

教育改变生活

WE CHANGE LIVES