谈谈v-if显示隐藏问题

vue条件语句v-if中条件较多时优雅写法

普通写法:

v-if=" type==1 || type==2 || type==3 "

优雅写法:

v-if=" [1,2,3].includes(type) "

更高级写法:
使用方法,复用性高,适用场景:多个标签都需要用到此判断,这样多个标签中的v-if只要用到matchState方法,都可以做判断
注意写法:matchState(某元素,/[匹配值]/)

标签中: v-if="matchState(type,/[123]/)"

方法中:  methods: {
           		 // 判断状态
          	 	 matchState(state = '', reg) {
               	 return !!String(state).match(reg)//返回true/false
            	}
            }

VUE中if条件语句||与&&的使用

1、||与&&同时使用

v-if="!item.type && (item.receiveStatus === 1 || item.receiveStatus === -1 )"

2、只是用||在if条件语句中使用(||条件之间是或者的关系)

v-if="item.coolStorage'–' || item.coolStorage' ' ? flag : !flag"

3、只是用&&在if条件语句中使用(&&两个条件必须一致)

v-if="item.coolStorage'–' && item.coolStorage'' ? flag : !flag"

4、vue 判断某个值是否为真,判断条件为多个值

<button class="action cu-btn" v-if="isContentShow([-1, 3, 4, 7], item.status)" @click.stop="delOrder(item, index)">删除订单</button>

*computed中计算监控:

通常写发:

<div class="item_margin" 
	v-show="itemList.supplierName || itemList.StoreName || itemList.ContactName || itemList.Phone">
</div>

更美观(最爹)的写法:

<div class="item_margin" v-show="showSupplier"></div>
computed: {
  showSupplier () {
    return this.itemList.supplierName || this.itemList.supplierStoreName || this.itemList.ContactName || this.itemList.ContactPhone
  }
}

在这里插入图片描述

### 数据库答辩常见问题及答案 #### 1. **什么是数据库?它的主要作用是什么?** 数据库是一个按照特定结构存储和管理数据的集合,能够高效地存取、管理和维护大量数据[^1]。 其主要作用包括: - 提供统一的数据存储方式。 - 支持并发访问控制,允许多个用户同时操作数据。 - 实现数据的安全性和一致性保护。 --- #### 2. **MySQL 的特点有哪些?为什么选择 MySQL 作为数据库管理系统?** MySQL 是一种关系型数据库管理系统 (RDBMS),具有以下特点: - 开源免费,易于安装和配置。 - 高性能,在处理大规模数据集时表现出色。 - 良好的跨平台支持,兼容多种操作系统。 - 提供丰富的 SQL 查询功能,便于复杂数据分析[^4]。 选择 MySQL 的原因可能在于其轻量级设计、高可靠性和社区活跃度高等优势[^1]。 --- #### 3. **SQL 和 NoSQL 的区别是什么?什么时候应该使用哪种类型的数据库?** SQL(Structured Query Language)用于传统的关系型数据库,而 NoSQL 则是非关系型数据库。两者的区别如下: | 特性 | SQL | NoSQL | |--------------|------------------------------|----------------------------| | 数据模型 | 表格形式 | 键值对、文档、图等 | | 扩展能力 | 垂直扩展为主 | 水平扩展能力强 | | ACID 支持 | 完全支持 | 不完全支持或部分支持 | 通常情况下,当需要强一致性和复杂的事务处理时,应优先考虑 SQL;而对于分布式场景或者海量非结构化数据,则更适合采用 NoSQL[^3]。 --- #### 4. **如何优化 MySQL 性能?** 可以通过以下几个方面来提升 MySQL 的运行效率: - 创建索引来加速查询过程。 - 使用 EXPLAIN 关键字分析执行计划并调整低效语句。 - 减少不必要的 JOIN 操作以降低资源消耗。 - 合理设置缓存机制减少磁盘 I/O 访问次数。 以下是创建索引的一个简单例子: ```sql CREATE INDEX idx_user_name ON users(name); ``` --- #### 5. **什么是事务?ACID 属性分别指什么?** 事务是指一组逻辑上的操作单元,这些操作要么全部完成,要么都不发生改变。它具备四个核心属性即所谓的 “ACID”: - Atomicity (原子性):整个交易不可分割,成功与否取决于所有步骤的结果。 - Consistency (一致性):确保系统状态始终处于合法范围内。 - Isolation (隔离性):多个事务之间互不干扰。 - Durability (持久性):一旦提交更改便永久保存下来不会丢失[^2]。 --- #### 6. **请解释一下主从复制原理及其应用场景。** 主从复制指的是将一台服务器定义成 Master Server ,其他几台作为 Slave Servers 。每当有新的更新发生在 master 上面的时候就会同步给 slave 来保持两者间的一致性。这种架构常应用于读写分离环境中——让 write 请求发送至 master instance 处理,read 请求分发到 slaves 中减轻负载压力从而提高整体吞吐率。 --- #### 7. **谈谈你对视图的理解以及实际应用中的意义所在。** 视图是从一个或多个基本表导出来的虚拟表格对象,并不像真实存在的物理表那样占用额外空间而是基于 SELECT 查询动态生成内容显示出来而已[^3]。通过建立 VIEW 可以简化复杂查询表达式使得最终呈现更加直观易懂同时也增强了安全性因为可以隐藏原始底层细节只暴露必要的字段信息出去。 示例代码如下所示: ```sql CREATE VIEW v_employee_salary AS SELECT employee_id, first_name, last_name, salary FROM employees; ``` --- #### 8. **存储过程中有什么优点缺点吗?举例说明下吧!** 优点包括但不限于封装重复业务逻辑减少网络流量传递参数调用即可获得预期效果; 缺点则是调试困难移植性差等问题确实存在不容忽视之处[^2]. 下面给出一段简单的增删改查类别的 PROCEDURE 示例: ```sql DELIMITER $$ CREATE PROCEDURE InsertOrUpdateUser(IN p_userid INT, IN p_username VARCHAR(50)) BEGIN IF EXISTS(SELECT * FROM users WHERE id=p_userid) THEN UPDATE users SET username=p_username WHERE id=p_userid; ELSE INSERT INTO users(id,username) VALUES(p_userid,p_username); END IF; END$$ DELIMITER ; ``` --- ###
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值