seata 的部署和集成

文章目录

  • seata的部署和集成
  • 一、部署Seata的tc-server
    • 1.下载
    • 2.解压
    • 3.修改配置
    • 4.在nacos添加配置
    • 5.创建数据库表
    • 6.启动TC服务
  • 二、微服务集成seata
    • 1.引入依赖
    • 2.修改配置文件
  • TODO
  • 三、TC服务的高可用和异地容灾
    • 1.模拟异地容灾的TC集群
    • 2.将事务组映射配置到nacos
    • 3.微服务读取nacos配置

seata的部署和集成

一、部署Seata的tc-server

1.下载

链接：https://pan.baidu.com/s/1MsbbF0rseNy74r7lLPbpwQ
提取码：hzan

首先我们要下载seata-server包，地址在http😕/seata.io/zh-cn/blog/download.html

当然，课前资料也准备好了：

在这里插入图片描述

2.解压

在非中文目录解压缩这个zip包，其目录结构如下：

在这里插入图片描述

3.修改配置

修改conf目录下的registry.conf文件：

在这里插入图片描述

内容如下：修改+大量删除

registry {# tc服务的注册中心类型，这里选择nacos，也可以是eureka、zookeeper等type = "nacos"nacos {# seata tc 服务注册到 nacos的服务名称，可以自定义application = "seata-tc-server"serverAddr = "192.168.59.1:8848"group = "DEFAULT_GROUP"namespace = ""cluster = "SH"username = "nacos"password = "nacos"}
}config {# 读取tc服务端的配置文件的方式，这里是从nacos配置中心读取，这样如果tc是集群，可以共享配置type = "nacos"# 配置nacos地址等信息nacos {serverAddr = "172.0.0.1:8848"namespace = ""group = "SEATA_GROUP"username = "nacos"password = "nacos"dataId = "seataServer.properties"}
}

注意：nacos地址默认127.0.0.1可以，都是本地IP，端口是8848没错就行
名称换了下，中间加了一个-tc- 待会儿nacos控制台显示的就是这个名称

nacos组的名称，直接到nacos控制台查看
在这里插入图片描述
注册中心是nacos，配置文件也给中心去管理，方便集群下的共享

4.在nacos添加配置

特别注意，为了让tc服务的集群可以共享配置，我们选择了nacos作为统一配置中心。因此服务端配置文件seataServer.properties文件需要在nacos中配好。

dataId = “seataServer.properties” 上面配置文件配置的一个文件名称

格式如下：

在这里插入图片描述

在这里插入图片描述

配置内容如下：

# 数据存储方式，db代表数据库  (这里的数据指的是：分支事务，全局事务的信息)
store.mode=db
store.db.datasource=druid
store.db.dbType=mysql
store.db.driverClassName=com.mysql.jdbc.Driver
store.db.url=jdbc:mysql://127.0.0.1:3306/seata?useUnicode=true&rewriteBatchedStatements=true
store.db.user=root
store.db.password=1234
store.db.minConn=5
store.db.maxConn=30
store.db.globalTable=global_table
store.db.branchTable=branch_table
store.db.queryLimit=100
store.db.lockTable=lock_table
store.db.maxWait=5000
# 事务、日志等配置
server.recovery.committingRetryPeriod=1000
server.recovery.asynCommittingRetryPeriod=1000
server.recovery.rollbackingRetryPeriod=1000
server.recovery.timeoutRetryPeriod=1000
server.maxCommitRetryTimeout=-1
server.maxRollbackRetryTimeout=-1
server.rollbackRetryTimeoutUnlockEnable=false
server.undo.logSaveDays=7
server.undo.logDeletePeriod=86400000# 客户端与服务端传输方式
transport.serialization=seata
transport.compressor=none
# 关闭metrics功能，提高性能
metrics.enabled=false
metrics.registryType=compact
metrics.exporterList=prometheus
metrics.exporterPrometheusPort=9898

其中的数据库地址、用户名、密码都需要修改成你自己的数据库信息。

在这里插入图片描述

5.创建数据库表

特别注意：tc服务在管理分布式事务时，需要记录事务相关数据到数据库中，你需要提前创建好这些表。

新建一个名为seata的数据库，运行课前资料提供的sql文件：

上面nacos新增的配置项seataServer.properties，里面的数据库地址，数据库名称就是 seata

先创建数据库：

create database seata;
use seata;

在这里插入图片描述

再执行sql文件

在这里插入图片描述

这些表主要记录全局事务、分支事务、全局锁信息：


SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;-- ----------------------------
-- 分支事务表
-- ----------------------------
DROP TABLE IF EXISTS `branch_table`;
CREATE TABLE `branch_table`  (`branch_id` bigint(20) NOT NULL,`xid` varchar(128) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL,`transaction_id` bigint(20) NULL DEFAULT NULL,`resource_group_id` varchar(32) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,`resource_id` varchar(256) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,`branch_type` varchar(8) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,`status` tinyint(4) NULL DEFAULT NULL,`client_id` varchar(64) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,`application_data` varchar(2000) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,`gmt_create` datetime(6) NULL DEFAULT NULL,`gmt_modified` datetime(6) NULL DEFAULT NULL,PRIMARY KEY (`branch_id`) USING BTREE,INDEX `idx_xid`(`xid`) USING BTREE
) ENGINE = InnoDB CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Compact;-- ----------------------------
-- 全局事务表
-- ----------------------------
DROP TABLE IF EXISTS `global_table`;
CREATE TABLE `global_table`  (`xid` varchar(128) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL,`transaction_id` bigint(20) NULL DEFAULT NULL,`status` tinyint(4) NOT NULL,`application_id` varchar(32) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,`transaction_service_group` varchar(32) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,`transaction_name` varchar(128) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,`timeout` int(11) NULL DEFAULT NULL,`begin_time` bigint(20) NULL DEFAULT NULL,`application_data` varchar(2000) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,`gmt_create` datetime NULL DEFAULT NULL,`gmt_modified` datetime NULL DEFAULT NULL,PRIMARY KEY (`xid`) USING BTREE,INDEX `idx_gmt_modified_status`(`gmt_modified`, `status`) USING BTREE,INDEX `idx_transaction_id`(`transaction_id`) USING BTREE
) ENGINE = InnoDB CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Compact;SET FOREIGN_KEY_CHECKS = 1;

在这里插入图片描述

6.启动TC服务

进入bin目录，运行其中的seata-server.bat即可：

在这里插入图片描述
在这里插入图片描述

启动成功后，seata-server应该已经注册到nacos注册中心了。

打开浏览器，访问nacos地址：http://192.168.59.1:8848/nacos/index.html，然后进入服务列表页面，可以看到seata-tc-server的信息：

启动nacos的黑窗口有nacos控制台地址

在这里插入图片描述

点击详情查看详细信息：
在这里插入图片描述
在这里插入图片描述

二、微服务集成seata

注意：参与全局事务的每个微服务都要做下面这几步
下面3个微服务都要做下面两步
在这里插入图片描述

配置好了，各个微服务集成seata，将来各个微服务之间的分布式事务就有中心化机构，能够自动管理了

1.引入依赖

首先，我们需要在微服务中引入seata依赖：

<dependency><groupId>com.alibaba.cloud</groupId><artifactId>spring-cloud-starter-alibaba-seata</artifactId><exclusions><!--版本较低，1.3.0，因此排除--><exclusion><artifactId>seata-spring-boot-starter</artifactId><groupId>io.seata</groupId></exclusion></exclusions>
</dependency>
<!--seata starter 采用1.4.2版本-->
<dependency><groupId>io.seata</groupId><artifactId>seata-spring-boot-starter</artifactId><version>${seata.version}</version>
</dependency>

${seata.version} 是父工程的pom.xml里配置的变量

2.修改配置文件

需要修改application.yml文件，添加一些配置：

seata:registry: # TC服务注册中心的配置，微服务根据这些信息去注册中心获取tc服务地址# 参考tc服务自己的registry.conf中的配置type: nacosnacos: # tcserver-addr: 127.0.0.1:8848 # 127.0.0.1就是localhostnamespace: ""group: DEFAULT_GROUPapplication: seata-tc-server # tc服务在nacos中的服务名称cluster: SHtx-service-group: seata-demo # 事务组，根据这个获取tc服务的cluster名称service:vgroup-mapping: # 事务组与TC服务cluster的映射关系seata-demo: SH

配完后nacos配置了两份，seata一份，springCloud一份，这是因为seata框架目前做得还不好，没有做好和springCloud的集成关系，所以还得独立再去配一次nacos
.
配置文件的配置除了集群名称，cluster，其他完全按照TC的配置文件conf/registry.conf来配
在这里插入图片描述

TC已经作为一个独立的软件, 以微服务的形式注册到nacos注册中心去了
现在TM、RM需要和TC进行交流，也就是让他们找到TC微服务就行了。（配置好，让他们找到，后面就不需要我们操心了）
那么，要找到一个微服务，得同时知道这四个信息
在这里插入图片描述
仔细一看配置文件里都有

  1. namespace: “” 这里的空，就是默认配置public
  2. 这里集群的名称配置也有点特别，因为有一个事务组的概念，后面详细介绍，现在只需要知道订单、商品、库存3个微服务的3个分支事务都在一个事务组里被管理，即可。
    （事务组和集群有个映射关系，所以集群名称SH在事务组下面配置的）
  • 四个配置图示 (找到一个微服务必备的四个配置信息)
    在这里插入图片描述

修改完成后重启，若报错

Error creating bean with name 'globalTransactionScanner' defined in class path resource [io/seata/spring/boot/autoconfigure/SeataAutoConfiguration.class]: Bean instantiation via factory method failed; nested

请切换到jdk8。不要用jdk17，很多类被弃用了

正常重启后，seata黑窗口能看到服务的注册信息，说明该微服务确实创建的RM和TM，并且确实都和TC中心连接上了

21:48:30.657  INFO --- [rverHandlerThread_1_1_500] i.s.c.r.processor.server.RegRmProcessor  : RM register success,message:RegisterRMRequest{resourceIds='jdbc:mysql:///seata_demo', applicationId='storage-service', transactionServiceGroup='seata-demo'},channel:[id: 0x01e2d561, L:/2.0.0.1:8091 - R:/2.0.0.1:51715],client version:1.4.2
21:49:29.798  INFO --- [ttyServerNIOWorker_1_2_40] i.s.c.r.processor.server.RegTmProcessor  : TM register success,message:RegisterTMRequest{applicationId='storage-service', transactionServiceGroup='seata-demo'},channel:[id: 0x98e48203, L:/2.0.0.1:8091 - R:/2.0.0.1:52226],client version:1.4.2

在这里插入图片描述

同时重启3个微服务，会看到3个RM和3个TM的注册信息，TM注册比较慢，请耐心等待
在这里插入图片描述

TODO

三、TC服务的高可用和异地容灾

1.模拟异地容灾的TC集群

计划启动两台seata的tc服务节点：

节点名称ip地址端口号集群名称
seata127.0.0.18091SH
seata2127.0.0.18092HZ

之前我们已经启动了一台seata服务，端口是8091，集群名为SH。

现在，将seata目录复制一份，起名为seata2

修改seata2/conf/registry.conf内容如下：

registry {# tc服务的注册中心类，这里选择nacos，也可以是eureka、zookeeper等type = "nacos"nacos {# seata tc 服务注册到 nacos的服务名称，可以自定义application = "seata-tc-server"serverAddr = "127.0.0.1:8848"group = "DEFAULT_GROUP"namespace = ""cluster = "HZ"username = "nacos"password = "nacos"}
}config {# 读取tc服务端的配置文件的方式，这里是从nacos配置中心读取，这样如果tc是集群，可以共享配置type = "nacos"# 配置nacos地址等信息nacos {serverAddr = "127.0.0.1:8848"namespace = ""group = "SEATA_GROUP"username = "nacos"password = "nacos"dataId = "seataServer.properties"}
}

进入seata2/bin目录，然后运行命令：

seata-server.bat -p 8092

打开nacos控制台，查看服务列表：

在这里插入图片描述

点进详情查看：

在这里插入图片描述

2.将事务组映射配置到nacos

接下来，我们需要将tx-service-group与cluster的映射关系都配置到nacos配置中心。

新建一个配置：

在这里插入图片描述

配置的内容如下：

# 事务组映射关系
service.vgroupMapping.seata-demo=SHservice.enableDegrade=false
service.disableGlobalTransaction=false
# 与TC服务的通信配置
transport.type=TCP
transport.server=NIO
transport.heartbeat=true
transport.enableClientBatchSendRequest=false
transport.threadFactory.bossThreadPrefix=NettyBoss
transport.threadFactory.workerThreadPrefix=NettyServerNIOWorker
transport.threadFactory.serverExecutorThreadPrefix=NettyServerBizHandler
transport.threadFactory.shareBossWorker=false
transport.threadFactory.clientSelectorThreadPrefix=NettyClientSelector
transport.threadFactory.clientSelectorThreadSize=1
transport.threadFactory.clientWorkerThreadPrefix=NettyClientWorkerThread
transport.threadFactory.bossThreadSize=1
transport.threadFactory.workerThreadSize=default
transport.shutdown.wait=3
# RM配置
client.rm.asyncCommitBufferLimit=10000
client.rm.lock.retryInterval=10
client.rm.lock.retryTimes=30
client.rm.lock.retryPolicyBranchRollbackOnConflict=true
client.rm.reportRetryCount=5
client.rm.tableMetaCheckEnable=false
client.rm.tableMetaCheckerInterval=60000
client.rm.sqlParserType=druid
client.rm.reportSuccessEnable=false
client.rm.sagaBranchRegisterEnable=false
# TM配置
client.tm.commitRetryCount=5
client.tm.rollbackRetryCount=5
client.tm.defaultGlobalTransactionTimeout=60000
client.tm.degradeCheck=false
client.tm.degradeCheckAllowTimes=10
client.tm.degradeCheckPeriod=2000# undo日志配置
client.undo.dataValidation=true
client.undo.logSerialization=jackson
client.undo.onlyCareUpdateColumns=true
client.undo.logTable=undo_log
client.undo.compress.enable=true
client.undo.compress.type=zip
client.undo.compress.threshold=64k
client.log.exceptionRate=100

3.微服务读取nacos配置

接下来，需要修改每一个微服务的application.yml文件，让微服务读取nacos中的client.properties文件：

seata:config:type: nacosnacos:server-addr: 127.0.0.1:8848username: nacospassword: nacosgroup: SEATA_GROUPdata-id: client.properties

重启微服务，现在微服务到底是连接tc的SH集群，还是tc的HZ集群，都统一由nacos的client.properties来决定了。

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

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

相关文章

中期国际：MT4数据挖掘与分析方法：以数据为导向，制定有效的交易策略

中期国际：MT4数据挖掘与分析方法：以数据为导向，制定有效的交易策略

在金融市场中&#xff0c;制定有效的交易策略是成功交易的关键。而要制定一份可靠的交易策略&#xff0c;数据挖掘与分析方法是不可或缺的工具。本文将介绍如何以数据为导向&#xff0c;利用MT4进行数据挖掘与分析&#xff0c;从而制定有效的交易策略。 首先&#xff0c;我们需…
阅读更多...
操作系统搭建相关知识

操作系统搭建相关知识

文章目录 系统篇netstat命令systemctl命令Systemd系统资源分类&#xff08;12类&#xff09; 网络篇ifconfig命令操作系统配置动态IP脚本dhcp服务的安装与配置防火墙相关知识 操作系统常用配置文件 系统篇 netstat命令 netstat指路 systemctl命令 常用于重启系统的每个服务…
阅读更多...
注解@DependsOn

注解@DependsOn

注解 DependsOn 1. 注解由来&#xff1a; DependsOn 注解是 Spring 框架提供的一种注解&#xff0c;用于指定 Bean 之间的依赖关系。通过在 Bean 上添加 DependsOn 注解&#xff0c;可以确保在初始化时先初始化指定的依赖 Bean&#xff0c;从而满足对象之间的正确顺序。 2. 注…
阅读更多...
没有使用springboot 单独使用spring-boot-starter-logging

没有使用springboot 单独使用spring-boot-starter-logging

如果您不使用Spring Boot框架&#xff0c;但想单独使用Spring Boot Starter Logging&#xff0c;您可以按照以下步骤进行&#xff1a; 1. 添加Maven依赖&#xff1a; <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boo…
阅读更多...
Kotlin手写RxJava变换符

Kotlin手写RxJava变换符

Kotlin手写RxJava变换符 本文链接&#xff0c;点击这里进入 1、核心点&#xff1a;中转站存储之前的数据 2、三行代码实现RxJava 使用create、map、observer fun main() {// create构造出RxJavaCore存放&#xff0c;lambda执行完的结果create{"WCH"}.map{ // 扩展…
阅读更多...
AI绘画 stable diffusion Midjourney 官方GPT文档 AIGC百科全书资料收集

AI绘画 stable diffusion Midjourney 官方GPT文档 AIGC百科全书资料收集

教学AI绘画 AIGC工具 SD教程 ###Redis面试题 单机Redis的qps大概是多少&#xff1f; 项目中用到了哪些Redis的数据类型&#xff1f;为什么这么用&#xff1f; Redis的key到了过期时间就被删除了吗&#xff1f;简述下Redis的过期策略&#xff1f; Redis有哪几种内存淘汰策略…
阅读更多...
Jetpack Compose：探索声明式UI开发的未来

Jetpack Compose：探索声明式UI开发的未来

Jetpack Compose&#xff1a;探索声明式UI开发的未来 1. 引言 在移动应用开发领域&#xff0c;用户界面&#xff08;UI&#xff09;开发一直是开发过程中的关键挑战之一。传统的UI开发方式往往涉及大量繁琐的布局代码、手动管理状态和事件处理&#xff0c;不仅容易引发错误&a…
阅读更多...
Google浏览器点击链接打开新标签页

Google浏览器点击链接打开新标签页

由于新安装的谷歌浏览器点击链接时默认在当前窗口打开非常不方便&#xff0c;这里提供一下解决思路 1、打开浏览器输入任意内容&#xff0c;点击右上角的设置 2、在弹出的选项栏中点击See all Search settings 3、点击Other settings&#xff0c;将指定选项打开即可
阅读更多...
C++模板元编程（6）模板参数替换（Template argument substitution）

C++模板元编程（6）模板参数替换（Template argument substitution）

文章目录 1、什么是模板参数替换2、实例3、模板参数替换规则 1、什么是模板参数替换 模板参数替换&#xff08;Template argument substitution&#xff09;&#xff1a;在函数模板实例化的过程中&#xff0c;模板参数会被替换为实际的参数类型或值。这个替换过程称为模板参数…
阅读更多...
C#__事件event的简单使用：工具人下楼问题

C#__事件event的简单使用：工具人下楼问题

// 工具人类 namespace DownStair {delegate void DownStairDelegate(); // 定义了一个下楼委托class ToolMan{public string Name { get; set; } // 声明工具人的名字属性// public DownStairDelegate downStairDelegate null; // 初始化委托downStair为空委托// 解决方案pu…
阅读更多...
对接海康门禁设备-初始化SDK和登录设备

对接海康门禁设备-初始化SDK和登录设备

对接海康门禁设备&#xff0c;初始化SDK /*** author czm* date 2023/2/15*/ public interface HCNetSDK extends Library {public static HCNetSDK getInstance(String sdkPath) { // sdkPath sdk 目录路径System.out.println("sdk_path " sdkPath);HCNetSDK …
阅读更多...
gromacs教程练习1

gromacs教程练习1

gromacs能在win上运行&#xff0c;还是个开源的软件&#xff0c;这都很值得入手学习 记录下gromacs教程的练习情况&#xff1a; Lysozyme in water 水中的溶菌酶&#xff0c;嗯&#xff0c;估计就是把蛋白处理后放在显试溶剂里跑MD这个模拟。 1、文件的准备&#xff1a; 1、…
阅读更多...
Java jakarta.websocket.server.ServerContainer not available(已解决)

Java jakarta.websocket.server.ServerContainer not available(已解决)

在SpringBoot做测试用例&#xff0c;遇到如下报错 jakarta.websocket.server.ServerContainer not available 测试类的注解修改如下&#xff1a; SpringBootTest(webEnvironment SpringBootTest.WebEnvironment.RANDOM_PORT)
阅读更多...
Python 数组操作指南：使用示例和方法解析

Python 数组操作指南：使用示例和方法解析

什么是 Python 数组？ 数组是一种基本数据结构，也是大多数编程语言的重要组成部分。在 Python 中，它们是能够同时存储多个项目的容器。具体来说，它们是元素的有序集合，每个值都具有相同的数据类型。这是关于 Python 数组需要记住的最重要的事情 - 它们只能保存相同类型的多…
阅读更多...
【STM32+ESP8266上云连载①】给ESP8266烧录AT固件

【STM32+ESP8266上云连载①】给ESP8266烧录AT固件

文章目录 一、给NodeMCU烧录固件1.1硬件准备1.2软件准备1.3AT固件下载1.4配置设置1.5开始烧录 二、给ESP8266-01S烧录固件2.1硬件准备2.2AT固件下载2.3连线2.4烧录配置 三、给ESP-12E/F/S单片烧录固件四、指令测试4.1HTTP测试4.2MQTT测试 我在使用ESP8266的时候遇到了一些问题&…
阅读更多...
神经网络基础-神经网络补充概念-57-多任务学习

神经网络基础-神经网络补充概念-57-多任务学习

概念 多任务学习&#xff08;Multi-Task Learning&#xff0c;MTL&#xff09;是一种机器学习方法&#xff0c;旨在同时学习多个相关任务&#xff0c;通过共享特征表示来提高模型的性能。在多任务学习中&#xff0c;不同任务之间可以是相关的&#xff0c;共享的&#xff0c;或…
阅读更多...
OCR的发明人是谁？

OCR的发明人是谁？

OCR的发明背景可以追溯到早期计算机科学和图像处理的研究。随着计算机技术的不断发展&#xff0c;人们开始探索如何将印刷体文字转换为机器可读的文本。 OCR&#xff08;Optical Character Recognition&#xff0c;光学字符识别&#xff09;的发明涉及多个人的贡献&#xff0c…
阅读更多...
思腾云计算

思腾云计算

近年来&#xff0c;游戏行业发展迅猛&#xff0c;市场容量不断扩大。从游戏产业发展来看&#xff0c;玩家对于游戏内容和体验的需求不断攀升。那如何在同质化的游戏市场&#xff0c;通过 AI 来提高游戏探索和交互的趣味度&#xff1f; 行业存在以下痛点&#xff1a; 1、游戏迭…
阅读更多...
JVM中对象和GC Root之间的四种引用关系

JVM中对象和GC Root之间的四种引用关系

1. 强引用 只有所有 GC Roots 对象都不通过【强引用】引用该对象&#xff0c;该对象才能被垃圾回收 由GC Root直接new出来的对象是强引用&#xff0c;只有当GC Root不再引用该对象的时候&#xff0c;才会被回收 例子&#xff1a; List<String> list new ArrayList<&…
阅读更多...
vue2.0/vue3.0学习笔记——2022.08.16

vue2.0/vue3.0学习笔记——2022.08.16

vue2&#xff08;查漏补缺&#xff09; 一、vue基础 内置指令&#xff08;查漏补缺&#xff09; 1、v-text 更新元素的textContent 2、v-html 更新元素的innerHtml 3、v-cloak 防止闪现&#xff0c;与css配合: [v-cloak] {dispaly: none} 4、v-once 在初次动态渲染厚&#x…
阅读更多...
最新文章

Copyright @ 2022~2023