Vue入门

一、简介

Vue是一套用于构建用户界面的渐进式框架。

Vue特点：易用，灵活，高效。

二、模版语法

1. 插值表达式 {{}}

2. 指令 v-

　　v-text, v-html, (v-html可以识别标签）

　　v-if, v-else, v-else-if,  （v-if是真正的条件渲染）

　　v-show, （改变元素的display属性）

　　v-for, （与v-if连用时，v-for的优先级更高）

　　v-bind, (自定义属性）

　　v-on， （绑定方法）

案例：九九乘法表

<div id="app">
　　<div v-for='i in arrnum'>
　　　　<span v-for='j in arrnum' v-if='i>=j'>{{i}}*{{j}}={{i*j}}&nbsp;</span>
　　</div>
</div>

3. 表单元素双向数据绑定 : v-model

4. 绑定样式

　　:class三种方式：

　　　　① :class='box';   ② :class='[x==y? 'box' : 'box1']';   ③ :class=' "box1" + "box2" '

　　 :style两种方式：

　　　　① :style='obj';  ② :style='[box1, box2]';

5.:key 用于使用v-for指令时，绑定一个唯一值。