Vue渐进式框架开发

Vue渐进式框架开发

一、 Vue基础

1.1  什么是vuejs

Vuejs是一个用于构建交互式web界面的库。并提供了双向数据绑定功能和一个可组合的组件系统。

1.2  Vue的特点

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

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

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

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

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

二、 Vue的使用方式

 

图 2-1 vue实例的一般结构

三、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	只渲染元素或组件一次，之后不再更新

 

三、 特殊特性

Key 用于vue的虚拟DOM算法。

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

 

四、 组件

 

 注意不要把模板放在Vue的元素内部