Vue基础——常用指令

Vue基础——常用指令

指令：

Vue的指令是以v-开头的，作用于页面中的元素，所以需要将指令绑定与元素中，从而达到给绑定的元素添加行为的目的。

​ 语法：<元素标签 v-指令 = “表达式”>

1.v-text和v-html

​ v-text 和v-html作用相近，都是更新元素的中的内容，可以理解为innertext和innerHTML，而不能一味的滥用这两个指令 ，如果需要更新的只是部分的元素则应该使用的是双大括号的插值：{ {value}}。

另外 v-html 的特性会出现安全性问题，所以在官方文档中也明确指出“只在可信内容上使用 v-html，永不用在用户提交的内容上。”

2.v-show ,v-if,v-else-if,v-else

2.1 v-show

​ 根据表达式的值来确定元素的display值，从而达到元素的显示和隐藏。