<span>vue基础</span>

Mustach

  • n如何将data中的文本数据,插入到HTML中呢?
  1. p我们已经学习过了,可以通过Mustache语法(也就是双大括号)。
  2. pMustache: 胡子/胡须.
  • n我们可以像下面这样来使用,并且数据是响应式的  

v-once

  • n但是,在某些情况下,我们可能不希望界面随意的跟随改变
  1. p这个时候,我们就可以使用一个Vue的指令
  • nv-once:
  1. p该指令后面不需要跟任何表达式(比如之前的v-for后面是由跟表达式的)
  2. p该指令表示元素和组件(组件后面才会学习)只渲染一次,不会随着数据的改变而改变。
  • n代码如下:

v-html

  • n某些情况下,我们从服务器请求到的数据本身就是一个HTML代码
  1. p如果我们直接通过{{}}来输出,会将HTML代码也一起输出。
  2. p但是我们可能希望的是按照HTML格式进行解析,并且显示对应的内容。
  • n如果我们希望解析出HTML展示
  1. p可以使用v-html指令
  •     Ø该指令后面往往会跟上一个string类型
  •     Ø会将string的html解析出来并且进行渲染

v-text

  • nv-text作用和Mustache比较相似:都是用于将数据显示在界面中
  • nv-text通常情况下,接受一个string类型

v-pre

  • nv-pre用于跳过这个元素和它子元素的编译过程,用于显示原本的Mustache语法。
  • n比如下面的代码:
  1. p第一个h2元素中的内容会被编译解析出来对应的内容
  2. p第二个h2元素中会直接显示{{message}}

v-clock

  • n在某些情况下,我们浏览器可能会直接显然出未编译的Mustache标签。
  • ncloak: 斗篷

全部评论

相关推荐

只有一个苍穹外卖外加正在看黑马点评,可以找小厂实习吗,还有我的简历有什么大问题吗
Java抽象小篮子:感觉有点熟悉,问题1是学历,2是没实习经历,3是专业技能写得太少太少了(怎么写可以看我置顶帖),4是仅这一个项目找实习不够看。拷打完毕,简历怎么写可以看我置顶帖子
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务