第一章 Vue.js是什么?
Vue(法语)同view(英语)

Vue.js是一套构建用户界面(view)的MVVM框架。
一、Vue.js的目的
【视图组件化】
1、双向数据绑定;

2、指令;

3、过滤器;

4、路由器等等。

二、什么是MVVM?
MVVM可以拆分成:View — ViewModel — Model三部分
MVVM模式
M: model 业务模型,用处:处理数据,提供数据
V: view 用户界面、用户视图
看下面的视图:
vue学习第一周

业务模型model中的数据发生改变的时候,用户视图view也随之变化。用户视图view改变的时候,业务模型model中的数据也可以发生改变。

上图中,左侧的View相当于我们的DOM内容,我们所看到的页面视图,右侧的Model相当于我们的数据对象,比如一个对象的信息:
{
name : ‘职业’,
work : ‘WEB前端开发’
}

而中间的监控者就负责监控两侧的数据,并相对应地通知另一侧进行修改。比如:你在Model层中修改了work的值为:“码农”,那么View视图层显示的“WEB前端开发”也会自动变成了“码农”,而这个过程就是有ViewModel来操作的,不需要你手动地去写代码去实现(你不用再手动操作DOM了)。

三、VueJs的核心
通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
1、Vue解决数据绑定的问题:数据改变驱动了视图的自动更新,传统的做法你得手动改变DOM来改变视图,vuejs只需要改变数据,就会自动改变视图,不用你去操心DOM的更新了,这就是MVVM思想的实现。

2、视图组件化:把整一个网页的拆分成一个个区块,每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。这样是页面的复用度达到最高(支持组件化)。看下图:

vue学习第一周

1.2 Vue.js特性

组件化
指令系统
Vue.js 2.0开始支持虚拟DOM(Vue.js 1.0 是操作的真是DOM,而不是虚拟DOM)
虚拟DOM可以提升页面的刷新速度。

相关文章:

  • 2021-08-09
  • 2021-10-19
  • 2018-06-09
  • 2021-10-20
  • 2019-01-23
  • 2021-10-25
  • 2021-11-27
  • 2021-09-06
猜你喜欢
  • 2021-10-20
  • 2021-11-16
  • 2021-11-02
  • 2021-12-28
  • 2019-07-13
  • 2021-08-31
  • 2018-07-15
  • 2020-10-10
相关资源
相似解决方案