当前位置: 首页 > news >正文

3 vue的if语法

         vue的if语法是相当于一个标签的属性来写进去的,比如说<h1 v-if=“”>。要注意的是if语句里可以自动从数据层取值的,比如<h1 v-if="message">,这里就会自动把key为message的值取过来,而如果要传一个字符串,需要加一对单引号,比如<h1 v-if = " message==='hello' ",这里的===叫做同等符,比较值和类型是否相等,而==是等值符,类型不同会尝试自动转换类型后再比较值。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><!-- view层 --><div id="app"><h1 v-if="message==='hello'">Yes</h1><h1 v-else-if="message==='hehe'">???</h1><h1 v-else>NO</h1></div><script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script><script>var vm = new Vue({el: "#app",data: {message: "hello",message2: "nihao"}});</script></body>
</html>

        运行结果:

 

http://www.lryc.cn/news/116083.html

相关文章:

  • python基础3——流程控制
  • kubernetes中最小组件——Pod
  • C++ 友元
  • Vulkan 绘制显示设计
  • Linux性能分析工具介绍(一)--cpu及功耗相关工具介绍
  • 智能财务分析的无冕之王-奥威BI数据可视化工具
  • .NET 应用程序 部署
  • Linux CentOS安装NVIDIA GPU驱动程序和NVIDIA CUDA工具包
  • 剑指Offer13.机器人的运动范围 C++
  • List、Map、Set打印
  • 软件机器人在渔业船员证书核发中自动化二次审批制证,提高效率和准确性
  • Godot4 C# vscode开发环境搭建
  • nginx简介与安装配置,目录结构和配置文件介绍
  • CTF流量题解http4.pcapng
  • 旷视科技AIoT软硬一体化走向深处,生态和大模型成为“两翼”?
  • STM32 F103C8T6学习笔记2:GPIO的认识—GPIO的基本输入输出—点亮一个LED
  • 数组相关练习
  • Leetcode-每日一题【剑指 Offer 11. 旋转数组的最小数字】
  • git教程(第一次使用)
  • Autoware.ai1.14.0自动驾驶-Demo运行
  • AttributeConverter
  • 【逗老师的PMP学习笔记】8、项目质量管理
  • Zookeeper集群
  • 后端进阶之路——Spring Security构建强大的身份验证和授权系统(四)
  • 【香瓜说职场】第10月(2018.01.29)
  • ​LeetCode解法汇总1749. 任意子数组和的绝对值的最大值
  • 4.2、Flink任务怎样读取文件中的数据
  • Effective Java笔记(28)列表优于数组
  • 做BI领域的ChatGPT,思迈特升级一站式ABI平台
  • ELFK——ELK结合filebeat日志分析系统(2)