对Vue的理解

一.Vue的简单介绍：

  1.vue同时具备angular和react的优点，轻量级，api简单，文档齐全，Vue.js是一个提供MVVM风格的双向数据绑定的库,专注于VM。

.2  Vue的特点

 ① 使用简洁,只需HTML模板加上JSON数据，再创建一个Vue实例即可。

 ② 自动追踪依赖的模板表达式和计算属性。

 ③ 24kb轻量级的运行时库。

 ④ 精确有效的异步批量DOM更新。

 ⑤ 解耦可复用的组件来构建界面

二.Vue的指令:

1.vue指令

指令名称            作用 

v-text              更新元素的文本内容

v-html             更新元素的Innerhtml

v-show           显示或隐藏元素

v-if                  条件显示

v-else             条件显示

v-else-if          条件显示

v-for               多次渲染函数或模板

v-on               绑定事件监听器

v-bind            动态的绑定一个或多个特性到表达式

v-model         在表单控件或组件上创建双向绑定

v-pre              跳过此节点和子节点的额编译过程

v-cloak           隐藏未变异的额Mustache标签，直到实例准备完毕v-once只渲染元素或组件一次，之后不再更新

 2.vue特殊特性

Key 用于vue的虚拟DOM算法。

Ref 给元素或组件注册引用信息
 

vue的初级使用方式：

建立MVVM模型进行数据的双向绑定，在body中加入div标签包裹住整个 body内容（div在body里面），给div添加id="app",进行数据的双向绑定 在script中如下图显示的书写完成数据的双向绑定。