Vue——基础指令

时间：2019-10-19 23:00:15 阅读：70 评论：0 收藏：0 [点我收藏+]

Vue指令：

v-cloak：解决插值表达式闪烁问题

-------------------------------------------------------

v-cloak：解决插值表达式闪烁的问题（当网络比较慢时）

默认设置为dispaly：none，就是说正在加载的时候不显示，等到加载出来时dispaly：none自动移除

v-text：默认的v-text 是没有闪烁问题的，它会跟设置了加载中隐藏，加载后释放一样

v-text会覆盖元素中的原本的内容，但是插值表达式只会替换自己的这个占位符，不会把整个元素的内容清空

技术分享图片

如果使用v-cloak就可以显示出来元素中的文本，v-text就不能显示出来

技术分享图片

v-html：

技术分享图片

v-bind:（使用来绑定属性的）提供用于绑定属性的指令，可以简写为一个英文的 : 后面必须跟着要绑定的属性

v-bind中，可以写合法的JS表达式

技术分享图片

v-on：(是用来绑定事件) 提供事件绑定机制可以简写为一个英文的 @ 后面必须跟着要绑定的属性

这里绑定的是点击事件，还可以绑定其他事件，只要自己修改click就可以了

技术分享图片

原文：https://www.cnblogs.com/yangpeixian/p/11697178.html

踩

(0)

评论一句话评论（0）

分享档案

更多>