Vue 介绍

目录

• Vue
  • 渐进式
  • 全家桶：Core+Vue+router+Vuex
  • 高级功能
  • MVVM
  • options
  • Vue生命周期

Vue

渐进式

全家桶：Core+Vue+router+Vuex

高级功能

• 解耦视图和数据
• 可复用的组件
• 前端路由技术
• 状态管理
• 虚拟DOM

MVVM

https://zh.wikipedia.org/wiki/MVVM

View层：

• 视图层

• 在我们前端开发中，通常就是DOM层。

• 主要的作用是给用户展示各种信息。

Model层：

• 数据层

• 数据可能是我们固定的死数据，更多的是来自我们服务器，从网络上请求下来的数据。

• 在我们计数器的案例中，就是后面抽取出来的obj，当然，里面的数据可能没有这么简单。

VueModel层：

• 视图模型层
• 视图模型层是View和Model沟通的桥梁。
• 一方面它实现了Data Binding，也就是数据绑定，将Model的改变实时的反应到View中
• 另一方面它实现了DOM Listener，也就是DOM监听，当DOM发生一些事件(点击、滚动、touch等)时，可以监听到，并在需要的情况下改变对应的Data。

options

el:

类型：string | HTMLElement

作用：决定之后Vue实例会管理哪一个DOM。

data:

类型：Object | Function （组件当中data必须是一个函数）

作用：Vue实例对应的数据对象。

methods:

类型：{ [key: string]: Function }

作用：定义属于Vue的一些方法，可以在其他地方调用，也可以在指令中使用。

Vue生命周期