首页 > 微信 > 详细

11 小程序-VUE基本语法

时间:2020-11-13 14:45:34      阅读:35      评论:0      收藏:0      [点我收藏+]

1.语法分类

  • 插值操作 Mustache语法-{{}}
  • 绑定属性
  • 计算属性
  • 事件监听
  • 条件判断
  • 循环遍历
  • 阶段案例
  • v-model

1.1.Mustache语法(双大括号,胡须语法)

技术分享图片

总结:

  • Mustache语法,也就是Mustache胡须语法大括号中,可以进行简单的表达式计算。
  • Mustache语法,{{{}}双大括号,可以在标签中连续出现,例如<h2>{{message}}{{firstName}}</h2>


技术分享图片

1.1.1   v-once语法:Mustache语法在指令命令中的搭配使用

由于vue是响应式开发(数据实时变化),当有时候我们不希望改变时候,可以考虑用v-once指令

  • 该指令后面不需要跟任何表达式,与v-for不同(v-for=‘遍历‘)
  • 该指令表示元素和组件只会渲染一次,不会跟着数据的变化而变化


技术分享图片

1.1.2   v-html语法:Mustache语法在指令命令中的搭配使用

      某些情况下,我们从服务器请求到的数据本身就是一个HTML代码,如果我们直接通过{{}}来输出,会将HTML代码也一起输出。但是我们可能希望的是按照HTML格式进行解析,并且显示对应的内容。

如果我们希望解析出HTML展示,可以使用v-html指令

  • 该指令后面往往会跟上一个string类型(<h1 v-html=‘link‘></h1>)
  • 会将string的html解析出来并且进行渲染(按html解析,后台数据千变万化)

技术分享图片

1.1.3 v-text指令:Mustache语法在指令命令中的搭配使用

我们










11 小程序-VUE基本语法

原文:https://www.cnblogs.com/rango0550/p/13969008.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!