- 插值表达式{{ }} 该指令能将vue对象中的data数据绑定到DOM树上,但是遇到网络延迟状况时,会出现闪烁状态,为避免此状态,建议使用v-cloak
<style> [v-cloak]{ display: none } </style> <p v-cloak> {{msg}} </p>
-
v-text 没有闪烁问题,但是会覆盖元素中原本的内容,插值表达式只会替换自己的占位符不会清空整个元素
<h4 v-text="msg">+++++++++++</h4>
会将+++++++++++全部替换成msg
-
v-html 会将要绑定的数据,当做html进行解析,,而插值表达式{{}}和v-text只会将数据当做字符串进行渲染
-
v-bind 提供的是属性绑定机制 会将""内的数据当做js代码进行解析比如:title="",然后渲染,可以简写为:
-
v-on事件绑定机制,可以缩写为@click=""
vue指令
最新推荐文章于 2023-04-13 23:14:01 发布