vue3 setup语法糖 搜索

前言

Vue.js 是一款流行的 JavaScript 框架,用于构建用户界面。它提供了一种简洁的方式来创建可维护和可测试的前端应用程序。Vue.js 的核心库只关注视图层,易于上手,同时与其他库或现有项目整合也非常方便。Vue 也完全能够为复杂的单页应用提供驱动。

在 Vue 3 中,引入了 <script setup> 语法,这是一种更简洁、更快速的方式来编写组件。这种语法使得组件的编写变得更加简单和直观,同时也提高了代码的可读性和维护性。

在这个例子中,我们将使用 Vue 3 和 <script setup> 语法来创建一个简单的搜索组件,展示如何利用 Vue 的响应式系统和计算属性来实现实时搜索功能。

用法
<template><div><input v-model="searchQuery" placeholder="Search..." /><ul v-if="filteredData.length > 0"><li v-for="item in filteredData" :key="item.id">{{ item.title }} - {{ item.nickname }}</li></ul><p v-else>No results found</p></div>
</template>
1. <template> 区域

在 <template> 区域中,我们定义了组件的 HTML 结构:

  • 一个 input 元素,用于输入搜索查询。我们使用 v-model 指令将其值双向绑定到 searchQuery 变量。
  • 一个 ul 列表,用于显示搜索结果。我们使用 v-if 指令来判断 filteredData 数组是否有内容,如果有,就显示搜索结果。
  • 在 ul 列表内部,我们使用 v-for 指令来遍历 filteredData 数组,并为每个结果创建一个 li 元素。
  • 如果 filteredData 数组为空,我们显示一条 "No results found" 的消息。
<script setup>
import { ref, computed } from 'vue';const searchQuery = ref('');const data = ref([{"id": 89,"shopid": 13,"userid": 21,"total": "99.00","num": "1","ord_num": "2023092410299525","create_time": "2023-09-24 19:52:47","status": 1,"nickname": "昵称","tel": "1527","title": "11苹果11双卡全面屏苹果手机","price": "99.00","info": "推荐购买"},{"id": 88,"shopid": 13,"userid": 21,"total": "99.00","num": "1","ord_num": "2023092499519710","create_time": "2023-09-24 08:48:44","status": 1,"nickname": "昵称","tel": "663177","title": "11苹果11双卡全面屏苹果手机","price": "99.00","info": "推荐购买"},{"id": 87,"shopid": 13,"userid": 21,"total": "99.00","num": "1","ord_num": "2023092497515653","create_time": "2023-09-24 08:44:42","status": 1,"nickname": "昵称","tel": "1523","title": "11苹果11双卡全面屏苹果手机","price": "99.00","info": "推荐购买"},{"id": 86,"shopid": 13,"userid": 21,"total": "99.00","num": "1","ord_num": "2023092457100101","create_time": "2023-09-24 08:44:41","status": 1,"nickname": "昵称","tel": "152366","title": "11苹果11双卡全面屏苹果手机","price": "99.00","info": "推荐购买"},{"id": 85,"shopid": 13,"userid": 21,"total": "99.00","num": "1","ord_num": "2023092448101101","create_time": "2023-09-24 08:40:32","status": 1,"nickname": "昵称","tel": "152366","title": "11苹果11双卡全面屏苹果手机","price": "99.00","info": "推荐购买"},{"id": 84,"shopid": 9,"userid": 21,"total": "1","num": "1","ord_num": "2023092456545351","create_time": "2023-09-24 07:53:12","status": 1,"nickname": "昵称","tel": "1523677","title": "魅鹰视力机德国技术a波光谱眼部按摩仪护眼仪儿童近散眼轴学生","price": "1","info": "儿童养眼"},{"id": 83,"shopid": 9,"userid": 21,"total": "1","num": "1","ord_num": "2023092448101545","create_time": "2023-09-24 07:44:16","status": 1,"nickname": "昵称","tel": "15237","title": "魅鹰视力机德国技术a波光谱眼部按摩仪护眼仪儿童近散眼轴学生","price": "1","info": "儿童养眼"},{"id": 82,"shopid": 3,"userid": 2,"total": "1","num": "1","ord_num": "2023091456535451","create_time": "2023-09-14 14:46:16","status": 1,"nickname": "冰海恋雨","tel": "1522599","title": "顺丰包邮10斤混合组合混搭新鲜水果进口车厘子礼盒装中秋送礼高端","price": "999","info": "非常热爆"},{"id": 81,"shopid": 1,"userid": 4,"total": "10","num": "1","ord_num": "2023091310156515","create_time": "2023-09-13 07:46:06","status": 1,"nickname": "李四","tel": "15225928720","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"},{"id": 80,"shopid": 1,"userid": 9,"total": "10","num": "1","ord_num": "2023091251571024","create_time": "2023-09-12 23:36:03","status": 1,"nickname": "志昂张","tel": "17839859856","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"},{"id": 79,"shopid": 1,"userid": 4,"total": "10","num": "1","ord_num": "2023091210297569","create_time": "2023-09-12 18:55:59","status": 1,"nickname": "李四","tel": "15225928720","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"},{"id": 78,"shopid": 1,"userid": 4,"total": "10","num": "1","ord_num": "2023091249101575","create_time": "2023-09-12 18:38:09","status": 1,"nickname": "李四","tel": "15225928720","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"},{"id": 77,"shopid": 1,"userid": 4,"total": "10","num": "1","ord_num": "2023091253575549","create_time": "2023-09-12 18:37:41","status": 1,"nickname": "李四","tel": "15225928720","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"},{"id": 76,"shopid": 1,"userid": 4,"total": "10","num": "1","ord_num": "2023091297971021","create_time": "2023-09-12 18:16:58","status": 1,"nickname": "李四","tel": "15225928720","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"},{"id": 75,"shopid": 10,"userid": 4,"total": "13.8","num": "1","ord_num": "2023091210255505","create_time": "2023-09-12 18:14:55","status": 1,"nickname": "李四","tel": "15225928720","title": "紫薯新鲜9斤农家蜜薯板栗香红沙地薯地瓜糖心蔬菜山芋小番薯包邮","price": "13.8","info": "紫薯新鲜9斤农家蜜薯板栗香红沙地薯地瓜糖心蔬菜山芋小番薯包邮"},{"id": 74,"shopid": 4,"userid": 4,"total": "1","num": "1","ord_num": "2023091210048559","create_time": "2023-09-12 18:14:37","status": 1,"nickname": "李四","tel": "15225928720","title": "正版 华晨宇同款李宁防泼水外套 | 2023秋季新款开衫防风运动服男女款","price": "1","info": "好穿不贵"},{"id": 73,"shopid": 1,"userid": 4,"total": "10","num": "1","ord_num": "2023091250501011","create_time": "2023-09-12 17:44:18","status": 1,"nickname": "李四","tel": "15225928720","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"},{"id": 72,"shopid": 1,"userid": 4,"total": "10","num": "1","ord_num": "2023091210048491","create_time": "2023-09-12 17:42:53","status": 1,"nickname": "李四","tel": "15225928720","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"}]);const filteredData = computed(() => {if (!searchQuery.value) {return data.value;}return data.value.filter(item => {return Object.values(item).some(value =>value.toString().toLowerCase().includes(searchQuery.value.toLowerCase()));});
});
</script>
2. <script setup> 区域

在 <script setup> 区域中,我们定义了组件的 JavaScript 逻辑:

  • 首先,我们从 vue 中导入了 ref 和 computed 函数。
  • 然后,我们定义了 searchQuery 变量,用 ref 函数创建一个响应式引用,并初始化为空字符串。
  • 我们还定义了 data 变量,用 ref 函数创建一个响应式引用,并初始化为给定的假数据数组。
  • 接下来,我们定义了 filteredData 计算属性,它根据 searchQuery 的值来过滤 data 数组,并返回匹配的结果。我们使用 Object.values(item).some() 来检查对象中的所有值是否有任何一个包含搜索字符串。
理解
1. 响应式系统

Vue 的响应式系统是其核心特性之一。在这个例子中,searchQuery 和 data 都是响应式引用,这意味着当它们的值发生变化时,Vue 会自动重新渲染组件。这使得我们能够实现实时搜索功能,用户在输入框中输入时,搜索结果会立即更新。

2. 计算属性

filteredData 是一个计算属性,它依赖于 searchQuery 和 data 的值。当这些依赖项的值发生变化时,Vue 会自动重新计算 filteredData 的值。计算属性是缓存的,只有当其依赖项发生变化时,它们的值才会被重新计算。这使得计算属性非常高效,特别是当进行复杂计算或过滤大量数据时。

3. <script setup> 语法

<script setup> 语法是 Vue 3 中引入的一种新的组件编写方式。它提供了一种更简洁、更快速的方式来定义组件。在 <script setup> 中,我们可以直接定义组件的 props、setup 函数和其他组合式 API,无需使用 export default 来导出组件对象。这种语法使得组件的结构更加清

完整代码

<template><div><input v-model="searchQuery" placeholder="Search..." /><ul v-if="filteredData.length > 0"><li v-for="item in filteredData" :key="item.id">{{ item.title }} - {{ item.nickname }}</li></ul><p v-else>No results found</p></div>
</template><script setup>
import { ref, computed } from 'vue';const searchQuery = ref('');const data = ref([{"id": 89,"shopid": 13,"userid": 21,"total": "99.00","num": "1","ord_num": "2023092410299525","create_time": "2023-09-24 19:52:47","status": 1,"nickname": "昵称","tel": "1527","title": "11苹果11双卡全面屏苹果手机","price": "99.00","info": "推荐购买"},{"id": 88,"shopid": 13,"userid": 21,"total": "99.00","num": "1","ord_num": "2023092499519710","create_time": "2023-09-24 08:48:44","status": 1,"nickname": "昵称","tel": "15236","title": "11苹果11双卡全面屏苹果手机","price": "99.00","info": "推荐购买"},{"id": 87,"shopid": 13,"userid": 21,"total": "99.00","num": "1","ord_num": "2023092497515653","create_time": "2023-09-24 08:44:42","status": 1,"nickname": "昵称","tel": "1577","title": "11苹果11双卡全面屏苹果手机","price": "99.00","info": "推荐购买"},{"id": 86,"shopid": 13,"userid": 21,"total": "99.00","num": "1","ord_num": "2023092457100101","create_time": "2023-09-24 08:44:41","status": 1,"nickname": "昵称","tel": "177","title": "11苹果11双卡全面屏苹果手机","price": "99.00","info": "推荐购买"},{"id": 85,"shopid": 13,"userid": 21,"total": "99.00","num": "1","ord_num": "2023092448101101","create_time": "2023-09-24 08:40:32","status": 1,"nickname": "昵称","tel": "177","title": "11苹果11双卡全面屏苹果手机","price": "99.00","info": "推荐购买"},{"id": 84,"shopid": 9,"userid": 21,"total": "1","num": "1","ord_num": "2023092456545351","create_time": "2023-09-24 07:53:12","status": 1,"nickname": "昵称","tel": "157","title": "魅鹰视力机德国技术a波光谱眼部按摩仪护眼仪儿童近散眼轴学生","price": "1","info": "儿童养眼"},{"id": 83,"shopid": 9,"userid": 21,"total": "1","num": "1","ord_num": "2023092448101545","create_time": "2023-09-24 07:44:16","status": 1,"nickname": "昵称","tel": "15","title": "魅鹰视力机德国技术a波光谱眼部按摩仪护眼仪儿童近散眼轴学生","price": "1","info": "儿童养眼"},{"id": 82,"shopid": 3,"userid": 2,"total": "1","num": "1","ord_num": "2023091456535451","create_time": "2023-09-14 14:46:16","status": 1,"nickname": "冰海恋雨","tel": "15225928729","title": "顺丰包邮10斤混合组合混搭新鲜水果进口车厘子礼盒装中秋送礼高端","price": "999","info": "非常热爆"},{"id": 81,"shopid": 1,"userid": 4,"total": "10","num": "1","ord_num": "2023091310156515","create_time": "2023-09-13 07:46:06","status": 1,"nickname": "李四","tel": "15225928720","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"},{"id": 80,"shopid": 1,"userid": 9,"total": "10","num": "1","ord_num": "2023091251571024","create_time": "2023-09-12 23:36:03","status": 1,"nickname": "志昂张","tel": "17839859856","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"},{"id": 79,"shopid": 1,"userid": 4,"total": "10","num": "1","ord_num": "2023091210297569","create_time": "2023-09-12 18:55:59","status": 1,"nickname": "李四","tel": "15225928720","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"},{"id": 78,"shopid": 1,"userid": 4,"total": "10","num": "1","ord_num": "2023091249101575","create_time": "2023-09-12 18:38:09","status": 1,"nickname": "李四","tel": "15225928720","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"},{"id": 77,"shopid": 1,"userid": 4,"total": "10","num": "1","ord_num": "2023091253575549","create_time": "2023-09-12 18:37:41","status": 1,"nickname": "李四","tel": "15225928720","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"},{"id": 76,"shopid": 1,"userid": 4,"total": "10","num": "1","ord_num": "2023091297971021","create_time": "2023-09-12 18:16:58","status": 1,"nickname": "李四","tel": "15225928720","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"},{"id": 75,"shopid": 10,"userid": 4,"total": "13.8","num": "1","ord_num": "2023091210255505","create_time": "2023-09-12 18:14:55","status": 1,"nickname": "李四","tel": "15225928720","title": "紫薯新鲜9斤农家蜜薯板栗香红沙地薯地瓜糖心蔬菜山芋小番薯包邮","price": "13.8","info": "紫薯新鲜9斤农家蜜薯板栗香红沙地薯地瓜糖心蔬菜山芋小番薯包邮"},{"id": 74,"shopid": 4,"userid": 4,"total": "1","num": "1","ord_num": "2023091210048559","create_time": "2023-09-12 18:14:37","status": 1,"nickname": "李四","tel": "15225928720","title": "正版 华晨宇同款李宁防泼水外套 | 2023秋季新款开衫防风运动服男女款","price": "1","info": "好穿不贵"},{"id": 73,"shopid": 1,"userid": 4,"total": "10","num": "1","ord_num": "2023091250501011","create_time": "2023-09-12 17:44:18","status": 1,"nickname": "李四","tel": "15225928720","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"},{"id": 72,"shopid": 1,"userid": 4,"total": "10","num": "1","ord_num": "2023091210048491","create_time": "2023-09-12 17:42:53","status": 1,"nickname": "李四","tel": "15225928720","title": "Jordan官方耐克乔丹AJ38男子实战篮球鞋秋新款透气缓震抗扭FN7482","price": "10","info": "AJ"}]);const filteredData = computed(() => {if (!searchQuery.value) {return data.value;}return data.value.filter(item => {return Object.values(item).some(value =>value.toString().toLowerCase().includes(searchQuery.value.toLowerCase()));});
});
</script>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/178808.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

DBT踩坑第二弹

总结下dbt-spark踩到的坑&#xff0c;连接方式采用的是thrift连接 Kerberos认证。考虑到开源组件Kyuubi也是基于Hiveserver2&#xff0c;使用的thrift协议&#xff0c;所以采用Kyuubi执行SparkSQL。 官方文档给出的Thrift方式连接示例真的是简单&#xff0c;但是真是用起来真是…

Selenium+Python做web端自动化测试框架与实例详解教程

最近受到万点暴击&#xff0c;由于公司业务出现问题&#xff0c;工作任务没那么繁重&#xff0c;有时间摸索seleniumpython自动化测试&#xff0c;结合网上查到的资料自己编写出适合web自动化测试的框架&#xff0c;由于本人也是刚刚开始学习python&#xff0c;这套自动化框架目…

基于HTML+CSS+JavaScript的登录注册界面设计

一、界面效果: 二、HTML代码: 登录注册html: 登录成功html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>登录成功!</h1> </body> <…

类指针压缩空间

一、类指针压缩介绍 压缩指针&#xff0c;指的是在 64 位的机器上&#xff0c;使用 32 位的指针来访问数据&#xff08;堆中的对象或 Metaspace 中的元数据&#xff09;的一种方式。 对象头中的 Class Pointer 默认占 8 个字节&#xff0c;开启 -XX:UseCompressedOops 后&…

跳表的学习记录

跳表&#xff08;Skip List&#xff09;是一种数据结构&#xff0c;它通过在多个层次上添加额外的前向指针来提高有序数据的搜索效率。跳表与其他常见的有序数据结构&#xff08;如二叉搜索树、平衡树如AVL树和红黑树、B树等&#xff09;相比&#xff0c;具有其独特的优缺点&am…

vue3中如何使用TypeScript?

在Vue 3中引入和使用TypeScript非常简单。下面是在Vue 3中引入和使用TypeScript的步骤&#xff1a; 创建Vue 3项目&#xff1a;首先&#xff0c;使用Vue CLI创建一个新的Vue 3项目。可以使用以下命令&#xff1a; vue create my-project在创建项目时&#xff0c;选择TypeScri…

国标GB28181安防监控平台EasyCVR周界入侵AI算法检测方案

在城市管理和公共安全领域&#xff0c;安全视频监控的重要性日益凸显。AI视频智能分析平台基于深度学习和计算机视觉技术&#xff0c;利用AI入侵算法&#xff0c;能够实时、精准地监测周界入侵行为。 TSINGSEE青犀在视频监控及AI视频智能分析领域拥有深厚的技术积累和丰富的实…

全面介绍SSO(单点登录)

全面介绍SSO&#xff08;单点登录&#xff09; SSO英文全称Single SignOn&#xff0c;单点登录。SSO是在多个应用系统中&#xff0c;用户只需要登录一次就可以访问所有相互信任的应用系统。它包括可以将这次主要的登录映射到其他应用中用于同一个用户的登录的机制。它是目前比…

亮相史上规模最大高交会,Coremail展现邮件技术创新实力

11月19日&#xff0c;第二十五届中国国际高新技术成果交易会在深圳落下帷幕&#xff0c;作为国内邮件行业引领者&#xff0c;Coremail受邀参展。 展览现场&#xff0c;Coremail邮件解决方案及系列产品受到了众多参观者与业内人士的关注与好评。Coremail XT6邮件系统技术成熟&a…

【JavaEE初阶】——Linux 基本使用和 web 程序部署(下)

文章目录 前言一、Linux 常用命令 1.1 ls 命令 1.2 pwd 命令 1.3 cd 命令 1.4 touch 命令 1.5 cat 命令 1.6 mkdir 命令 1.7 rm 命令 1.8 cp 命令 1.9 mv 命令 1.10 man 命令 1.11 less 命令 1.12 head 命令 1.13 tail 命…

玻色量子事件活动

2023年 2023.7 玻色量子携最新相干光量子计算机惊艳亮相2023数字经济大会 2023.6 打造“新型计算数据中心”&#xff01;玻色量子与科华数据&#xff08;002335.SZ&#xff09;携手共创 2023.6 玻色量子“天工量子大脑”亮相中关村论坛&#xff0c;大放异彩 2023.5 100量…

基于mvc的大学生家教信息网站系统php+vue

运行环境:phpstudy/wamp/xammp等 开发语言&#xff1a;php 后端框架&#xff1a;Thinkphp5 前端框架&#xff1a;vue.js 服务器&#xff1a;apache 数据库&#xff1a;mysql 数据库工具&#xff1a;Navicat/phpmyadmin 开发软件&#xff1a;hbuilderx/vscode/Dreamweaver/PhpSt…

029 - STM32学习笔记 - ADC(三) 独立模式单通道DMA采集

029 - STM32学习笔记 - 单通道DMA采集&#xff08;三&#xff09; 单通道ADC采集在上节中学习完了&#xff0c;这节在上节的内容基础上&#xff0c;学习单通道DMA采集。程序代码以上节的为基础&#xff0c;需要删除NVIC配置函数、中段服务子程序、R_ADC_Mode_Config()函数中使能…

python绑定或无绑定类方法

1 python绑定或无绑定类方法 python函数是一种对象&#xff0c;在导入时会运行def语句&#xff0c;将函数对象赋值给函数名。 python方法是类内def定义的函数&#xff0c;即类方法。 1.1 访问类方法 python类方法可以通过类或实例进行访问。 NO访问方式描述1类.方法名(实例…

21.什么是bean的自动装配?

什么是bean的自动装配? 在Spring框架中,在配置文件中设定bean的依赖关系是一个很好的机制,Spring 容器能够自动装配相互合作的bean,这意味着容器不需要配置,能通过Bean工厂自动处理bean之间的协作。这意味着 Spring可以通过向Bean Factory中注入的方式自动搞定bean之间的…

50-75GHz大功率六倍频源设计

摘 要 本文介绍了毫米波的特点&#xff0c;根据构成毫米波倍频器的不同器件&#xff0c;介绍了不同毫米波倍频器的实现方法&#xff0c;综述了毫米波倍频器这一领域的研究水平及其发展动态&#xff0c;重点研究频段全波导带宽倍频器的设计方法&#xff0c;从而将波段信号扩展到…

华为鸿蒙开发(HarmonyOs开发):超详细的:DevEco Studio 的安装和配置 、华为第三方包依赖:SDK软件包的安装、Nodejs的导入配置

2023年11月28日20:00:00 ⚠️⚠️HarmonyOs 开发工具 ⚠️⚠️ ⚠️⚠️DevEco Studio 的安装和配置⚠️⚠️ 文章目录 一、打开鸿蒙开发工具官网二、下载 DevEco Studio三、配置 DevEco Studio四、错误处理 ⚠️⚠️⚠️❤️❤️ 关注了解更多 一、打开鸿蒙开发工具官网 下面…

人工智能原理复习--绪论

文章目录 人工智能原理概述图灵测试人工智能的研究方法符号主义连接主义行为主义总结 下一篇 人工智能原理概述 人工智能是计算机科学基础理论研究的重要组成部分 现代人工智能一般认为起源于美国1956你那夏季的达特茅斯会议&#xff0c;在这次会议上&#xff0c;John McCart…

利用python对数据进行季节性和趋势拆解

1. 引言 时间序列数据是按时间顺序排列的数据点的集合。与传统的交叉-sectional 数据不同&#xff0c;时间序列数据通常具有时间维度&#xff0c;因此每个数据点都与一个特定的时间点相关联。这种数据类型在许多领域中都很常见&#xff0c;如经济学、气象学、股票市场分析等。…

泛微E-Office SQL注入漏洞复现

0x01 产品简介 泛微E-Office是一款标准化的协同 OA 办公软件&#xff0c;泛微协同办公产品系列成员之一,实行通用化产品设计&#xff0c;充分贴合企业管理需求&#xff0c;本着简洁易用、高效智能的原则&#xff0c;为企业快速打造移动化、无纸化、数字化的办公平台。 0x02 漏…