vue(1)— 简单介绍&生命周期

目前,前端可以说是三分天下的时代,是前端发展史一个辉煌的时代,三大主流框架Vue,Angular,React三分天下。此文主要介绍Vue框架。

Vue 一套用于构建用户界面的渐进式框架,采用MVVM开发模式,实现数据双向绑定,虚拟DOM提高性能。

1、渐进式怎么理解?

vue是自底向上逐层应用:声明式渲染—组件系统—客户端路由—大数据状态管理—构建工具;

2、MVVM数据双向绑定?

M—model层(数据层,也就是指数据,前端通常是指js);

V—view层(视图层,也就是DOM层,前端通常是指html);

VM—view-model(处理数据和界面的中间层,也就是指Vue);

3、虚拟DOM?

js原本的运行速度是很快的,但是操作大量的DOM就变得很慢了,前端实现数据更新就是通过js操作DOM,更新视图层的数据,数据更新后重新渲染页面,没有改变数据的地方也会重新渲染,从而造成了大量的浪费。利用在内存中生成与真实DOM与之对应的数据结构,这个在内存中生成的结构称之为虚拟DOM。 当数据发生变化时,能够智能的计算出重新渲染组件的最小代价并应用到DOM操作上。

vue的生命周期,官方给出的生命周期图示非常的直观,第一次看到此图感觉陌生的很,学习一段时间再来看此图会发现看懂了许多,每隔一段时间就看看此图,对不理解的概念就会清晰很多了。

猜你喜欢

转载自www.cnblogs.com/front-boy/p/9392952.html