什么是Vue?

• Vue 是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。

• 基于MVVM(Model-View-ViewModel)思想，实现数据的双向绑定，将编程的关注点放在数据上。

• 官网： https://v2.cn.vuejs.org/

框架：是一个半成品软件，是一套可重用的、通用的、软件基础代码模型。基于框架进行开发，更加快捷、更加高效。

Vue快速入门

1.新建HTML页面，引入Vue.js文件

2.在JS代码区域，创建Vue核心对象，定义数据模型

3.编写视图

插值表达式:

形式：{{ 表达式 }}

内容可以是：

变量

三元运算符

函数调用

算术运算

Vue常用指令

指令：HTML 标签上带有 v- 前缀 的特殊属性，不同指令具有不同含义。

常用指令

v-bind

v-model

注意事项

通过v-bind或者v-model绑定的变量，必须在数据模型中声明。

v-on

v-if

v-show

v-for

Vue生命周期

生命周期：指一个对象从创建到销毁的整个过程。

生命周期的八个阶段：每触发一个生命周期事件，会自动执行一个生命周期方法(钩子)。

生命周期的八个阶段：每触发一个生命周期事件，会自动执行一个生命周期方法(钩子)

mounted：挂载完成，Vue初始化成功，HTML页面渲染成功。（发送请求到服务端，加载数据）

小结

1.Vue是什么?

Vue是一个基于MVVM模型的前端js框架。

2.Vue常用指令?

v-bind、v-model、v-on、v-if、v-show、v-for

3.Vue生命周期?

mounted