我是靠谱客的博主 干净水蜜桃，最近开发中收集的这篇文章主要介绍html加v-bind就显示空白,vue常见指令之v-cloak、v-text、v-html、v-bind和v-on哈哈哈，觉得挺不错的，现在分享给大家，希望可以做个参考。
概述
[v-cloak]{display:none}
{{msg}}
var app=new vue({
el:#app
data:{
msg：“哈哈哈”；
msg2：“
哈哈哈
”}
})
v-cloak：解决闪烁问题
当网速较慢时，vue加载较慢，插值表达式渲染的数据就会产生闪烁，使用v-cloak指令加上如上样式可以解决该问题
v-text：插入文本字符串
v-text默认就没有闪烁，但是会以文本字符串的方式覆盖所在元素的文本
v-html：插入html
v-html与v-text的不同在于插入的是html。
v-bind：绑定属性
在vue中想要让属性如title等于data对象中的一个变量(键)，会被直接当作字符串显示出来，这时就要用到v-bind，v-bind可以将绑定的属性值当作变量对待，在data对象中去找。
v-bind:可以简写成：
v-on：绑定方法
与v-bind的不同之处在于v-on绑定的是方法，会在methods对象中寻找变量。可以缩写为@
最后
以上就是干净水蜜桃为你收集整理的html加v-bind就显示空白,vue常见指令之v-cloak、v-text、v-html、v-bind和v-on哈哈哈的全部内容，希望文章能够帮你解决html加v-bind就显示空白,vue常见指令之v-cloak、v-text、v-html、v-bind和v-on哈哈哈所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复