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

vue简单使用二（循环）

news 2026/2/2 23:01:31

属性绑定

if判断：

for循环：

属性绑定

代码的形式来说明

三元表达式的写法：

if判断：

for循环：

完整代码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><script src="js/vue.js"></script><title>Title</title><style>.one{background: pink;width: 100px;height: 100px;text-align: center;line-height: 100px;}</style>
</head>
<body><div class="vuePro"><!-- 属性绑定 --><div :class="isOne">属性绑定</div><!-- 三元表达式 --><div :class="num == 2 ? 'one':''">属性绑定</div><!-- if判断 --><div><div v-if="price >= 10000">超有钱</div><div v-if="price < 10000 && price >= 1000">有钱</div><div v-if="price < 1000">普通</div></div><ul><li v-for="(item,index) in list" :key="index">{{item.name}}</li></ul></div>
</body>
<script>new Vue({el:".vuePro",data:{isOne:"one",num:1,price:50000,list:[{id:1,name:"张三"},{id:2,name:"李四"},{id:3,name:"王五"}]}});
</script>
</html>

vue简单使用二（循环）

目录属性绑定 if判断： for循环： 属性绑定代码的形式来说明三元表达式的写法： if判断： for循环： 完整代码： <!DOCTYPE html> <html lang"en"> <head><meta charset"…...

编程日记 2024/4/14 19:39:23

JavaScript入门--变量

JavaScript入门--变量一、JS变量二、变量命名三、常量四、局部变量一、JS变量定义变量a, b, c，并输出到控制台。 var a 1; var b 13.14; var c hello Js;console.log(a, b, c) //console.log()语句用于输出结果到控制台，类似python的print语句…...

编程日记 2024/4/14 19:37:20

给自己的机器人部件安装单目摄像头并实现gazebo仿真功能

手术执行器添加摄像头手术执行器文件夹surgical_new内容展示如何添加单目摄像头下载现成的机器人环境文件启动仿真环境手术执行器文件夹surgical_new内容展示进入src文件夹下选择进入vision_obliquity文件夹选择launch 有两个可用gazebo中rviz展示的launch文件&#xff0…...

编程日记 2024/4/14 19:36:19

用AI的视角看世界

前言 2024年将是Ai人工智能在各个行业垂直领域发展的元年。随着2022年11月openai 的大语言模型chatgpt3.5的诞生，已经预示着互联网时代，移动互联网时代即将迎来新的变革，也预示着web3.0和元宇宙更近了一步。回顾历史，互联网的…...

编程日记 2024/4/14 19:35:18

MATLAB 自定义实现点云法向量和曲率计算（详细解读）（64）

MATLAB 自定义实现点云法向量和曲率计算（详细解读）（64）一、算法介绍二、算法步骤三、算法实现1.代码（完整，注释清晰，可直接用）2.结果一、算法介绍首先说明： ------这里代码手动实现，不调用matlab提供的法向量计算接口，更有助于大家了解法向量和曲率的计算方法，…...

编程日记 2024/4/14 19:33:16

拯救鲨鱼！Helping wireshark！wireshark未响应解决方法

前言做题的的时候在用wireshark解密tls秘钥的时候我的小鲨鱼突然未响应了然后我多次尝试无果并且殃及池鱼我电脑上所有的流量包都打不开了？！！！ 于是乎尝试删了重下还是未响应开始怀疑电脑重启电脑两次还是打…...

编程日记 2024/4/14 19:32:15

设计模式之责任链讲解

责任链模式适用于需要将请求和处理解耦的场景，同时又需要动态地组织处理逻辑的场景。通过使用责任链模式，可以实现请求的动态处理、灵活的扩展和简化的代码编写，提高系统的可维护性和可扩展性。一、责任链入门以下这是GPT生成的责任链代…...

编程日记 2024/4/14 19:31:14

K8s: 将一个节点移出集群和相关注意事项

前置步骤在Kubernetes集群中，要移出一个节点，你需要执行以下步骤： 1 ）将节点标记为不可调度首先，你需要将目标节点标记为不可调度，以确保Kubernetes不会在该节点上调度新的Pod这可以通过执行以下命令实…...

编程日记 2024/4/14 19:29:12

Python学习笔记24 - 学生信息管理系统

1. 需求分析 2. 系统设计 3. 系统开发必备 4. 主函数设计 5. 学生信息维护模块设计 a. 录入学生信息 b. 删除学生信息 c. 修改学生信息 d. 查询学生信息 e. 统计学生总人数 f. 显示所有学生信息 g. 排序模块设计 6. 项目打包...

编程日记 2024/4/14 19:27:09

【物联网应用案例】某制造企业电锅炉检测项目

供暖行业在我国的经济发展中占据着重要的地位，然而，长期以来，该行业存在着自动化水平低、管理效率不高等问题，制约了其持续发展。为了解决这些问题，吉林某电锅炉生产厂家进行了一项创新性的尝试。该厂家通过集成物联…...

编程日记 2024/4/14 19:24:07

设计模式实践

结合设计模式概念和在java/spring/spring boot中的实战，说明下列设计模式。一、工厂模式这里只讲简单工厂模式，详细的可以参考Java工厂模式（随笔）-CSDN博客。工厂类会根据不同的参数或条件来决定创建哪种对象，这样…...

编程日记 2024/4/14 19:23:05

嵌入式学习52-ARM1

知识零散： 1.flash： nor flash 可被寻地址 …...

编程日记 2024/4/14 19:22:04

Java（MySQL基础）

数据库相关概念 MySOL数据库关系型数据库(RDBMS) 概念: 建立在关系模型基础上，由多张相互连接的二维表组成的数据库。特点: 使用表存储数据，格式统一，便于维护使用SQL语言操作，标准统一，使用方便 SQL SOL通用语法…...

编程日记 2024/4/14 19:21:03

预约系统的使用

预约系统的使用目录概述需求： 设计思路实现思路分析1.用户年规则在预约系统中的使用流程参考资料和推荐阅读 Survive by day and develop by night. talk for import biz , show your perfect code,full busy，skip hardness,make a better result,wa…...

编程日记 2024/4/14 19:20:02

酷开科技OTT大屏营销：开启新时代的营销革命

随着互联网技术的不断发展和普及，大屏已经成为越来越多家庭选择的娱乐方式。在这个背景下，酷开科技凭借其强大的技术实力和敏锐的市场洞察力，成功地将大屏转化为一种新的营销渠道，为品牌和企业带来了前所未有的商业机会。酷开科技…...

编程日记 2024/4/14 19:18:00

网络安全（防火墙，IDS，IPS概述）

问题一：什么是防火墙，IDS，IPS？防火墙是对IP：port的访问进行限制，对访问端口进行制定的策略去允许开放的访问，将不放开的端口进行拒绝访问，从而达到充当防DDOS的设备。主要是拒绝网络流量，阻断所有不希望出现的流程，禁止数据流量流通，达到安全防护的作用。如将一些恶…...

编程日记 2024/4/14 19:15:57

安装IntelliJ IDEA插件教程

安装IntelliJ IDEA插件：一份详细指南在提升IntelliJ IDEA开发效率的过程中，插件扮演着不可或缺的角色。它们为IDE提供了额外的功能和工具，以满足开发者在特定编程语言、框架、测试、版本控制等方面的个性化需求。本文将为您详细阐述如何在I…...

编程日记 2024/4/14 19:11:53

大厂基础面试题（之四）

Q1：请先进行自我介绍 Q2：说下你学习前端的详细过程 Q3：一个页面从url输入到显示页面的整个过程 1.URL解析 2.DNS解析 3.建立TCP连接 4.发起HTTP请求 5.服务器处理请求 6.返回HTTP响应 7.下载页面资源 8.解析和渲染页面 9.JavaScript执行 10…...

编程日记 2024/4/14 19:10:52

What is RUST? 什么是Rust？ Rust is a programming language focused on safety, particularly safe concurrency, supporting functional and imperative-procedural paradigms. Rust is syntactically similar to C, but it provides memory safety without usi…...

编程日记 2024/4/14 19:09:49

基于Linux定时任务实现的MySQL周期性备份

1、创建备份目录 sudo mkdir -p /var/backups/mysql/database_name2、创建备份脚本 sudo touch /var/backups/mysql/mysqldump.sh# 用VIM编辑脚本文件，写入备份命令 sudo vim /var/backups/mysql/mysqldump.sh# 内如如下 #!/bin/bash mysqldump -uroot --single-…...

编程日记 2024/4/14 19:06:46