v-if指令:

v-if指令是条件渲染指令,它根据表达式的真假来删除和插入元素,v-if后面的是一个表达式或者也可以是返回true或false的表达式。 且值为true和fasle false的话就会被注释 v-show是给一个display:none的属性 让它不显示! true就正常显示

v-for指令:

v-for指令基于一个数组渲染一个列表,它和JavaScript的遍历语法相似,基于数据渲染一个列表,类似于JS中的遍历。其数据类型可以是 Array | Object | number | string,该指令之值,必须使用特定的语法(item, index) in items, index是索引,可以省略。item是 为当前遍历元素提供别名(可以自己随便起名字) 。v-for的优先级别高于v-if之类的其他指令

v-show指令:

和v-if一样 区别是if是注释掉 v-show是给一个display:none的属性 让它不显示! 用法 参考下一个v-if指令.
v-show也是条件渲染指令,控制元素显隐,和v-if指令不同的是,使用v-show指令的元素始终会被渲染到HTML,它只是简单地为元素设置CSS的style属性。

v-else指令:

可以用v-else指令为v-if或v-show添加一个“else块”。v-else元素必须立即跟在v-if或v-show元素的后面——否则它不能被识别。

v-bind指令:

v-bind指令可以在其名称后面带一个参数,中间放一个冒号隔开,这个参数通常是HTML元素的特性(attribute),例如:v-bind:class=”’’

v-on指令:

v-on指令用于给监听DOM事件,它的用语法和v-bind是类似的,能执行一次性地插值,当数据改变时,插值处的内容不会更新。

v-once指令:

该指令后面不需要跟任何表达式(v-for后面接表达式),表示元素和组件只渲染一次,不会随着数据的改变而改变。

v-text指令:

给一个便签加了v-text 会覆盖标签内部原先的内容

v-html指令:

双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,你需要使用 v-html 而且给一个标签加了v-html 里面包含的标签都会被覆盖。

注意v-html要慎用 因为会出现安全问题 官网解释为:你的站点上动态渲染的任意 HTML 可能会非常危险,因为它很容易导致 XSS 攻击。请只对可信内容使用 HTML 插值,绝不要对用户提供的内容使用插值。

附:

v-show和v-if的区别:

v-if 是真实的条件渲染,因为它会确保条件块在切换当中适当地销毁与重建条件块内的事件监听器和子组件; v-show 则只是简单地基于 CSS 切换。

v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此,如果需要频繁切换使用 v-show 较好,如果在运行时条件不大可能改变则使用 v-if 较好。

vue测试题:

http://www.gtalent.cn/exam/interview/BFyKeoP4sI1q8GbR

http://www.gtalent.cn/exam/interview/GEImXHxa0jJtbVeB