v-cloak

可解决插值表达式闪烁问题

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。
  • 不需要表达式
  • 用法：这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的                                        Mustache 标签（ {{Mustache}}插值 ）直到实例准备完毕。
html
<div id="app">
  <p v-cloak>{{msg}}</p>//不会显示，直到编译结束。
<div>
css
[cloak]{//属性选择器[]
  display:none  
}
javascript
var vm=new Vue({
   el:"#app" ;
   data:{
      msg:"hello"
   } 
})

v-text

  • 更新元素中的 textContent
  • 没有闪烁问题
  • 覆盖元素中原本的全部内容，如果要更新部分的 textContent ，需要使用 {{ Mustache }} 插值。
<p v-text="msg"></p>
<!--等价于-->
<p>{{msg}}</p>

 事件修饰符

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄