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

3 vue的if语法

news 2026/4/3 19:44:26

         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>

        运行结果：

 

相关文章：

3 vue的if语法

vue的if语法是相当于一个标签的属性来写进去的&#xff0c;比如说<h1 v-if“”>。要注意的是if语句里可以自动从数据层取值的&#xff0c;比如<h1 v-if"message">&#xff0c;这里就会自动把key为message的值取过来&#xff0c;而如果要传一个字符串&…...

编程日记 2023/8/9 21:57:06

python基础3——流程控制

文章目录 一、操作符1.1 比较操作符1.2 逻辑操作符1.3 成员操作符1.4 身份操作符 二、流程控制2.1 条件判断2.2 循环语句2.2.1 for循环2.2.2 while循环 2.3 continue与break语句2.4 文件操作函数 三、函数3.1 定义函数3.2 作用域3.3 闭包3.4 函数装饰器3.5 内建函数 一、操作符…...

编程日记 2023/8/9 21:56:00

kubernetes中最小组件——Pod

目录 一、Pod简介 二、Pod的使用方式 三、Pause——Pod中底层基础容器 四、为什么kubernetes这样设计Pod 五、Pod的分类 1.自主式Pod 2.控制器管理的Pod 3.静态Pod 六、Pod容器的分类 1. 基础容器&#xff08;infrastructure container&#xff09; 2. 初始化容器&am…...

编程日记 2023/8/9 21:54:58

C++ 友元

文章目录 前言一、什么是友元二、友元的特性三、示例代码总结 前言 在C编程中&#xff0c;友元&#xff08;friend&#xff09;是一种特殊的关系&#xff0c;允许一个类或函数访问另一个类中的私有成员。 一、什么是友元 1.友元 的定义&#xff1a; 友元在C中可以被用于类和…...

编程日记 2023/8/9 21:53:57

Vulkan 绘制显示设计

背景 众所周知&#xff0c;Vulkan是个跨平台的图形渲染API&#xff0c;为了友好地支持跨平台&#xff0c;Vulkan自然也抽象出了很多接口层去对接各个操作系统&#xff0c;抹平系统间的差异&#xff0c;Swap Chains即为WSI。 其本质上是一种图像队列&#xff0c;此队列会按顺序…...

编程日记 2023/8/9 21:52:56

Linux性能分析工具介绍(一)--cpu及功耗相关工具介绍

目录 一、引言 二、CPU及功耗分析工具介绍 ------>2.1、cpuinfo ------------>2.1.1、cpuid指令 ------>2.2、lscpu ------>2.3、turbostat ------>2.4、rdmsr ------>2.5、mpstat ------>2.6、/proc/stat ------>2.7、powertop ----------…...

编程日记 2023/8/9 21:51:55

智能财务分析的无冕之王-奥威BI数据可视化工具

利用智能数据可视化分析工具&#xff0c;可极大提升财务分析效率和报表可读性&#xff0c;缩短从分析到决策的耗时。但财务分析的难度往往比其他分析更高&#xff0c;因为它的分析指标计算组合变化太多也太快。哪些数据可视化工具能胜任智能财务数据分析&#xff1f; 奥威BI数…...

编程日记 2023/8/9 21:50:54

.NET 应用程序 部署

**硬件支持型号 点击 查看 硬件支持 详情** DTU701 产品详情 DTU702 产品详情 DTU801 产品详情 DTU802 产品详情 DTU902 产品详情 G5501 产品详情 本文内容 在设备上部署 dotnet应用&#xff0c;与任何其他平台的部署相同&#xff0c;可以2种方式&#xff1a; 依赖于框…...

编程日记 2023/8/9 21:49:53

Linux CentOS安装NVIDIA GPU驱动程序和NVIDIA CUDA工具包

要在CentOS上安装NVIDIA驱动程序和NVIDIA CUDA工具包&#xff0c;您可以按照以下步骤进行操作&#xff1a; 1. 准备工作&#xff1a; 确保您的系统具有兼容的NVIDIA GPU。您可以在NVIDIA官方网站上查找支持CUDA的GPU型号列表。如果您之前已经安装了Nouveau驱动程序并禁用了它…...

编程日记 2023/8/9 21:48:50

剑指Offer13.机器人的运动范围 C++

1、题目描述 地上有一个m行n列的方格&#xff0c;从坐标 [0,0] 到坐标 [m-1,n-1] 。一个机器人从坐标 [0, 0] 的格子开始移动&#xff0c;它每次可以向左、右、上、下移动一格&#xff08;不能移动到方格外&#xff09;&#xff0c;也不能进入行坐标和列坐标的数位之和大于k的…...

编程日记 2023/8/9 21:47:47

List、Map、Set打印

List List&#xff1a;和数组类似&#xff0c;List可以动态增长&#xff0c;查找元素效率高&#xff0c;插入删除元素效率低&#xff0c;因为会引起其他元素位置改变。 普通[1,2] 1.循环 2.System.out.println(list); int数组[1,2,3,4,5,6,1,2,3] 1.for (int[] array : list)…...

编程日记 2023/8/9 21:45:45

软件机器人在渔业船员证书核发中自动化二次审批制证，提高效率和准确性

近年来&#xff0c;随着科技的不断进步&#xff0c;自动化软件机器人在各个领域得到了广泛应用。在渔业船员证书核发事项中&#xff0c;传统的审批和制证流程相对繁琐。博为小帮软件机器人可以让这一流程变得更加高效和准确。 在过去&#xff0c;渔业船员证书核发事项需要在省级…...

编程日记 2023/8/9 21:44:43

Godot4 C# vscode开发环境搭建

用vscode搭建Godot4 C# 开发环境搭建 软件Godot配置vscode配置结果参考 软件 Godot .Net版本: 下载链接vscode :自行下载.netcore7&#xff1a;.netcore6可能也行vscode插件&#xff1a; Godot配置 1.配置文件用VSCode打开 2.生成C#项目 项目–>工具–>C#->Creat…...

编程日记 2023/8/9 21:43:42

nginx简介与安装配置，目录结构和配置文件介绍

一.nginx简介 1.简介 2.特性 二.nginx安装 1.rpm包方式 &#xff08;1&#xff09;下载扩展源 &#xff08;2&#xff09;安装扩展rpm包&#xff0c;nginx -V查看配置参数&#xff0c;后面源码安装时要用到 2.源码方式 &#xff08;1&#xff09;建议提前下好所需要的部…...

编程日记 2023/8/9 21:42:41

CTF流量题解http4.pcapng

流量分析 导出http 打开报错 验证文件头&#xff0c;发现是zip。 图常片见里文可件能的包16含进:压制缩头包部,word,pdf JPG FF D8 FF E0/FF D8 FF E1 PNG 89 50 4E 47 GIF 47 49 46 38 ZIP 50 4B 03 04 RAR 52 61 72 21 MP3 49 44 33 0 改后缀 使用工具爆破。 git clone git…...

编程日记 2023/8/9 21:41:40

旷视科技AIoT软硬一体化走向深处，生态和大模型成为“两翼”？

齐奏AI交响曲的当下&#xff0c;赛道玩家各自精彩。其中&#xff0c;被称作AI四小龙的商汤科技、云从科技、依图科技、旷视科技已成长为业内标杆&#xff0c;并积极追赶新浪潮。无论是涌向二级市场还是布局最新风口大模型&#xff0c;AI四小龙谁都不甘其后。 以深耕AIoT软硬一…...

编程日记 2023/8/9 21:40:38

STM32 F103C8T6学习笔记2：GPIO的认识—GPIO的基本输入输出—点亮一个LED

今日继续学习使用 STM32 F103C8T6开发板 点亮一个LED灯&#xff0c;文章提供源码&#xff0c;测试工程&#xff0c;实验效果图&#xff0c;希望我的归纳总结会对大家有帮助~ 目录 GPIO的认识与分类 &#xff1a; 引脚安排整理&#xff1a; 定时器的引脚例举&#xff1a; …...

编程日记 2023/8/9 21:39:36

数组相关练习

数组练习 将数组转化成字符串数组拷贝求数组元素的平均值查找数组中指定元素(顺序查找)二分查找冒泡排序数组逆序 将数组转化成字符串 import java.util.Arrays;public class Text1 {public static void main(String[] args) {int[] arr {5, 6, 4, 2};System.out.println(Arr…...

编程日记 2023/8/9 21:38:35

Leetcode-每日一题【剑指 Offer 11. 旋转数组的最小数字】

题目 把一个数组最开始的若干个元素搬到数组的末尾&#xff0c;我们称之为数组的旋转。 给你一个可能存在 重复 元素值的数组 numbers &#xff0c;它原来是一个升序排列的数组&#xff0c;并按上述情形进行了一次旋转。请返回旋转数组的最小元素。例如&#xff0c;数组 [3,4…...

编程日记 2023/8/9 21:37:34

git教程（第一次使用）

一、gitee和github区别 二、git使用 下载地址 windows&#xff1a;https://gitforwindows.org/ mac&#xff1a;http://sourceforge.net/projects/git-osx-installer/ 1.git初次运行前的配置 &#xff08;1&#xff09;配置用户信息 git config --global user.name "…...

编程日记 2023/8/9 21:36:33

Phantom Camera最佳实践：避免常见陷阱的20个专业建议

Phantom Camera最佳实践&#xff1a;避免常见陷阱的20个专业建议 【免费下载链接】phantom-camera A Camera addon for Godot 4. Inspired by Cinemachine. 项目地址: https://gitcode.com/gh_mirrors/ph/phantom-camera Phantom Camera是Godot 4引擎中一款强大的相机插…...

编程新知 2026/4/3 19:22:49

宝塔面板怎样实现数据库的多地异地自动备份_结合阿里云OSS与定时任务插件

宝塔面板需通过定时任务ossutilmysqldump实现阿里云OSS数据库自动备份&#xff1a;先配置ossutil及MySQL凭据文件&#xff0c;再编写含时间戳命名与NTP校时的Shell脚本&#xff0c;避免依赖无效的远程备份模块。宝塔面板怎么配置阿里云OSS自动备份数据库能&#xff0c;但得绕过…...

编程新知 2026/4/3 18:50:25

收藏备用！大模型3种调用模式详解，重点吃透RAG技术（小白/程序员入门必看）

对于刚接触大模型开发的小白、程序员来说&#xff0c;最困惑的莫过于“怎么用大模型”“如何避免AI瞎胡说”“不同场景该选哪种调用方式”。今天这篇文章&#xff0c;就把大模型最核心的3种调用模式讲透&#xff0c;重点拆解能解决AI幻觉、适配多场景的RAG技术&#xff0c;结合…...

编程新知 2026/4/3 17:10:48

效率提升300%！一款简单实用Photoshop智能切图脚本

# 免费&#xff01;一款类似CutMan的PS切图脚本&#xff0c;操作简单&#xff0c;效率提升300% 作为一名UI设计师或前端开发者&#xff0c;日常工作中最让人头疼的环节之一就是**切图**。图层一多&#xff0c;手动导出不仅浪费时间&#xff0c;还容易出错。市面上虽然有一些优…...

编程新知 2026/4/3 17:06:45

Wan2.2-I2V-A14B一文详解：适配CUDA 12.4与550.90.07驱动的稳定部署方案

Wan2.2-I2V-A14B一文详解&#xff1a;适配CUDA 12.4与550.90.07驱动的稳定部署方案 1. 镜像概述与核心价值 Wan2.2-I2V-A14B是一款专为文生视频任务优化的私有部署镜像&#xff0c;针对RTX 4090D 24GB显存显卡和CUDA 12.4环境进行了深度适配。这个镜像的最大特点是开箱即用&a…...

编程新知 2026/4/3 16:30:09

一体化数字引擎 驱动机械设备非标项目精益盈

机械设备行业正进入深度数字化转型期&#xff0c;非标定制与项目型制造企业普遍面临项目成本失控、进度不透明、变更响应慢、售后价值难挖掘等核心痛点。传统分散式管理与复杂业务场景脱节&#xff0c;导致交付延迟、利润流失、协同效率低下。面向非标设备行业的数字化管理需求…...

编程新知 2026/4/3 16:11:55

wsl2开发新手必看，快马平台带你轻松搞定linux环境配置与基础开发

作为一个刚接触WSL2的新手开发者&#xff0c;我最近在InsCode(快马)平台上完成了一个Linux环境配置的入门项目&#xff0c;整个过程比想象中简单很多。这里把我的学习笔记分享给大家&#xff0c;希望能帮助其他新手少走弯路。 WSL2安装与配置 刚开始最头疼的就是安装环节&#…...

编程新知 2026/4/3 15:23:21

MiniCPM-o-4.5-nvidia-FlagOS插件开发指南：为谷歌浏览器打造智能阅读与摘要助手

MiniCPM-o-4.5-nvidia-FlagOS插件开发指南&#xff1a;为谷歌浏览器打造智能阅读与摘要助手 你是不是经常在网上冲浪时&#xff0c;面对一篇长文感到头疼&#xff0c;只想快速抓住核心要点&#xff1f;或者遇到一篇外文资料&#xff0c;需要逐句翻译才能理解&#xff1f;又或者…...

编程新知 2026/4/3 15:08:53

显卡显存稳定性终极检测指南：memtest_vulkan免费工具快速诊断GPU问题

显卡显存稳定性终极检测指南&#xff1a;memtest_vulkan免费工具快速诊断GPU问题 【免费下载链接】memtest_vulkan Vulkan compute tool for testing video memory stability 项目地址: https://gitcode.com/gh_mirrors/me/memtest_vulkan 核心关键词&#xff1a;显卡显…...

编程新知 2026/4/3 15:02:51

想找济南市中区靠谱装修施工工艺商家？这家公司值得一探！

26年初&#xff0c;随着济南市中区新盘交付&#xff0c;家装成为许多业主生活中的一件大事。然而&#xff0c;家装市场鱼龙混杂&#xff0c;价格不透明、施工质量参差不齐等问题让不少业主头疼不已。今天&#xff0c;我们就来深入探讨几家本地的装修公司&#xff0c;为大家的家…...

编程新知 2026/4/3 15:00:51