指令—— 数据绑定指令||数据响应式||双向数据绑定指令
发布日期:2021-05-10 19:06:06 浏览次数:16 分类:精选文章

本文共 552 字,大约阅读时间需要 1 分钟。

  指令

v-cloak指令的用法

1、提供样式

  [v-cloak]{
   
display: none;
  }
2、在插值表达式所在的标签中添加v-cloak指令

背后的原理:先通过样式隐藏内容,然后在内存中进行值的替换,替换好之后再显示最终的结果


数据绑定指令

1、v-text指令用于将数据填充到标签中,作用于插值表达式类似,但是没有闪动问题2、v-html指令用于将HTML片段填充到标签中,但是可能有安全问题3、v-pre用于显示原始信息
  
Document
{ {msg}}
{ {msg}}



 数据响应式

v-once的应用场景:如果显示的信息后续不需要再修改,可以使用v-once,这样可以提高性能。

  
Document
{ {msg}}
{ {info}}



双向数据绑定指令

双向数据绑定 1、从页面到数据 2、从数据到页面

        
Document
{ {msg}}

上一篇:事件——事件绑定||事件函数传参||事件修饰符||按键修饰符||自定义按键修饰符
下一篇:Vue模板语法概述

发表评论

最新留言

关注你微信了!
[***.104.42.241]2025年04月28日 11时49分35秒