小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

一、插值操作

1、Mustache(双大括号{{}})

    将data中的文本数据插入到HTML中，且数据是响应式的。

2、v-once

    （1）该指令后面不需要跟任何表达式(比如之前的v-for后面是由跟表达式的

    （2）该指令表示元素和组件(组件后面才会学习)只渲染一次，不会随着数据的改变而改变

3、v-html

    （1）该指令后面往往会跟上一个string类型

    （2）会将string的html解析出来并且进行渲染

4、v-text

    （1）v-text作用和Mustache一致：

    （2）v-text通常情况下，接受一个string类型

5、v-pre

    用于跳过这个元素和它子元素的编译过程，用于显示原本的Mustache语法

6、v-cloak

    在某些情况下，我们浏览器可能会直接显然出未编译的Mustache标签

二、绑定属性--v-bind

1、基础

    作用：动态绑定属性

    缩写：:

    预期：any (with argument) | Object (without argument)

    参数：attrOrProp (optional)

简写方式：

2、v-bind绑定class

    （1）对象语法的含义是:class后面跟的是一个对象

    （2）数组语法的含义是:class后面跟的是一个数组

3、v-bind绑定style

    可以利用v-bind:style来绑定一些CSS内联样式

（1）对象语法

（2）数组语法