vue生命周期

Vue的生命周期是每个使用Vue框架的前端人员都需要掌握的知识，以此作为记录。

Vue的生命周期就是vue实例从创建到销毁的全过程，也就是new Vue()开始就是vue生命周期的开始。Vue实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom ->渲染、更新->渲染、卸载等⼀系列过程，称这是Vue的⽣命周期。钩子函数是Vue生命周期中每个阶段对外开放让程序员 *** 作Vue的接口。

vue生命周期的特点

当这个钩子被调用时，组件DOM已经更新，所以现在可以执行依赖于DOM的 *** 作。然而在大多数情况下，应该避免在此期间更改状态，因为这可能会导致更新无限循环。

Vue实例销毁后调用。调用后，Vue实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。该钩子在服务器端渲染期间不被调用。

前端框架好不好用还是要看具体情况分析，我这里给你推荐几个常用的框架，可以按需使用。

1、vue-element-admin

一个基于vue20和Element的控制面板UI框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板已经非常成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。

2、AdminLTE

非常流行的基于Bootstrap3x的免费的后台UI框架，这是一个非常老牌的后台管理系统模板，每个页面都是单独的html网页，适合前端入门新手用来做项目。

3、ant-design-pro

这个就不多说了，选择react技术栈的童鞋们必然离不开这个优秀开箱即用的中台前端/设计解决方案，文档齐全，组件丰富，一键生成模板，更支持开启复制粘贴模式哦。

4、ng2-admin

这是基于Angular2、Bootstrap4和webpack的后台管理面板框架，要收前面已经有了React和vue技术栈的模板，那怎么能少了ng的？虽然在国外用的比较多，国内较少使用，但丝毫不影响ng作为前端框架三巨头之一的地位。

5：Gentelella

Gentelella是一个可免费使用的Bootstrap管理界面模版，使用群体比较广泛。这个模版使用默认的Bootstrap3的样式，还有一系列功能强大的jQuery插件和工具，可快速创建管理界面模版或者后台的Dashboard。

6：iview-admin

iViewadmin是基于iView的Vue20控制面板。搭配使用iViewUI组件库形成的一套后台集成解决方案。

7：blur-admin

BlurAdmin是一款使用AngularJsBootstrap实现的单页管理端模版，视觉冲击极强的管理后台，各种动画效果。

8：vue-manage-system

vue-manage-system，一个基于Vuejs和element-ui的后台管理系统模板，挺喜欢这个界面的UI，简约清晰不累赘，多功能的后台框架模板，适用于绝大部分的后台管理系统开发。

9：material-dashboard

基于Bootstrap4和Material风格的控制面板。MaterialDashboard是一个开源的Material

BootstrapAdmin，其设计灵感来自谷歌的MaterialDesign。

10：d2-admin

D2Admin是一个完全开源免费的企业中后台产品前端集成方案，基于vuejs和ElementUI的管理系统前端解决方案，小于60kb的本地首屏js加载,已经做好大部分项目前期准备工作

11：vuestic-admin

vuestic-admin管理台仪表盘是一个响应式的仪表盘模板，采用Bootstrap4和Vuejs构建。这个精美的管理台模板提供了自定义元素组件，如地图，聊天，个人资料卡，图标，进度条等，以及用于登录和注册的预建页面。

Web前端三大框架：Vuejs、Reactjs、Angularjs。

1、Vuejs

Vuejs的受欢迎度目前是最高的，而开发vuejs的就是一个中国人名字叫尤雨溪。Vue可以通过简洁的 API 提供高效的数据绑定和灵活的组件系统。同时，尤雨溪选择了开源的方式，方便更多的开发者使用并参与其中。

Vue 也使用虚拟 DOM，因此在项目中的更改不会正式对 DOM 产生影响。Vue 在这三者中，大小最小（大约 80KB），这大大提高了它的性能。

2、Reactjs

React框架是起源于Facebook的项目，主要是通过对DOM的模拟减少与DOM的交互做到的。React的模块化把组件进行了隔离，出现问题的时候更方便程序员对其进行修改。

3、Angularjs

Angular拥有很好的应用程序，是一个以JavaSpript编写的库，模板功能也异常强大，本身就带有丰富的Angular指令。一方面可以通过指令扩宽HTML，一方面可以通过表达式绑定数据到HTML。

有句话说，会使用 vue 开发的程序员就会开发小程序，确实是这样，在我学习 vue 后，再去学习小程序时，感觉很好上手，因为很多语法都是类似的写法。当然，也有很多不一样的。

1声明 data ：用过 vue 的朋友都知道， vue 中声明 data 时， data 必须是函数，不然会报错，原生的小程序就不是这样，直接 data: { } 就ok了。

2绑定数据：绑定动态属性时需要在属性的双引号里使用 {{ }}

3列表循环：使用 wx:for ，在循环题内有隐藏的item代表当前项， index 代表下标

4事件 事件处理函数在page里定义，和onLoad / data等同级

事件的写法：以 bind 或 catch 开头，然后跟上事件的类型，如 bindtap、catchtouchstart

bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。

事件的传参：事件传参不能事件处理通过 () 来传递参数，在组件里面通过自定义属性 data-xx="参数名称" 来定义，在事件处理函数里通过 eventcurrentTargetdataset 来获取参数

事件官方文档

5修改data里面的数据

在vue中，修改data里面的数据，直接 this属性 就可以修改了，可是小程序不一样，它需要通过 thissetData({ data: newData }) 来修改，访问data的中的数据用 thisdataxx 来访问；一开始学习小程序的时候，习惯了[vue](>

react。vue开发低代码表通过运行是不会出现单的情况的，因此是react。代码（code）是程序员用开发工具所支持的语言写出来的源文件，是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。

vue是2016年火起来的。2016年最火的前端框架当属Vuejs了，很多使用过vue的程序员这样评价它，vuejs兼具angularjs和reactjs的优点，并剔除了它们的缺点，授予了这么高的评价的vuejs，也是开源世界华人的骄傲，因为它的作者是位中国人尤雨溪。

vue的优点

1、轻量级框架

只关注视图层，是一个构建数据的视图集合，大小只有几十kb，Vuejs通过简洁的API提供高效的数据绑定和灵活的组件系统。

2、简单易学

国人开发，中文文档，不存在语言障碍，易于理解和学习。

3、双向数据绑定

也就是所谓的响应式数据绑定。这里的响应式不是媒体查询中的响应式布局，而是指vuejs会自动对页面中某些数据的变化做出同步的响应。

也就是说，vuejs会自动响应数据的变化情况，并且根据用户在代码中预先写好的绑定关系，对所有绑定在一起的数据和视图内容都进行修改，

而这种绑定关系，就是以input 标签的vmodel属性来声明的，因此你在别的地方可能也会看到有人粗略地称vuejs为声明式渲染的模版引擎。

这也就是vuejs最大的优点，通过MVVM思想实现数据的双向绑定，让开发者不用再 *** 作dom对象，有更多的时间去思考业务逻辑。

4、组件化

在前端应用，我们是否也可以像编程一样把模块封装呢？这就引入了组件化开发的思想，Vuejs通过组件，把一个单页应用中的各种模块拆分到一个一个单独的组件中，我们只要先在父级应用中写好各种组件标签。

并且在组件标签中写好要传入组件的参数，就像给函数传入参数一样，这个参数叫作组件的属性，然后再分别写好各种组件的实现填坑，然后整个应用就算做完了。

5、视图，数据，结构分离

使数据的更改更为简单，不需要进行逻辑代码的修改，只需要 *** 作数据就能完成相关 *** 作。

6、虚拟DOM

现在的网速越来越快了，很多人家里都是几十甚至上百M的光纤，手机也是4G起步了，按道理一个网页才几百K，而且浏览器本身还会缓存很多资源文件，那么几十M的光纤为什么打开一个之前已经打开过，已经有缓存的页面还是感觉很慢呢。

这就是因为浏览器本身处理DOM也是有性能瓶颈的，尤其是在传统开发中，用JQuery或者原生的JavaScriptDOM *** 作函数对DOM进行频繁 *** 作的时候，浏览器要不停的渲染新的DOM树，导致页面看起来非常卡顿。

而VirtualDOM则是虚拟DOM的英文，简单来说，他就是一种可以预先通过JavaScript进行各种计算，把最终的DOM *** 作计算出来并优化，由于这个DOM *** 作属于预处理 *** 作，并没有真实的 *** 作DOM，所以叫作虚拟DOM。

最后在计算完毕才真正将DOM *** 作提交，将DOM *** 作变化反映到DOM树上。

7、运行速度更快

像比较与react而言，同样都是 *** 作虚拟dom，就性能而言，vue存在很大的优势。

说的是尤雨溪不懂VUE。他就是开发VUE的，又不是使用VUE的。 术业有专攻，人的精力是有限的。

1，尤雨溪（Evan You），这位可文可武的开发者、开源爱好者、设计师，想必很多人也并不陌生。今天，《程序员》将与大家一同走近尤雨溪的「开挂」人生，深度分享他在将 Vue 项目打造成为业界主流框架的八年间鲜为人知的心路历程。

人物介绍：

1，高中毕业后，尤雨溪以接近满分的托福成绩考入美国 Colgate University 大学。在大学期间尤雨溪坚守自己的爱好，选择的专业是室内艺术和艺术史。

2，一方面，在不懂编程的情况下，很难凭借简单的 Flash、HTML 5、CSS 等知识实现自己的想法；另一方面，也和《黑客与画家》里面的格雷厄姆所体验到的现实一样，“我决定不当画家了，首先要彻底解决自己的收入问题”，在美国，这个专业的毕业生很难找到工作。

3，因此，凭借着自学，尤雨溪在本科毕业的时候做了一个完全靠编程来实现的网站，并用它成功进入了美国纽约的 Parsons 设计学院并获得了 Design & Technology 艺术硕士学位。

4，在此期间，尤雨溪不仅学习了 openFrameworks、动画算法等技术，还接触到了 JavaScript 编程语言。同时，除了参加日常的课程之外，尤雨溪在业余时间也经常“蜗居”在各大社区中。

以上就是关于vue生命周期全部的内容，包括:vue生命周期、前端开发框架有哪些_前端架构有哪些、web前端三大主流框架等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！