数据库中索引的底层原理和SQL优化

news2025/1/11 0:38:46

文章目录

  • 关于索引
    • B+ 树的特点
    • MySQL 为什么使用 B+ 树?
  • 索引分类
    • 聚簇索引 和 非聚簇索引
    • 覆盖索引
    • 索引的最左匹配原则
    • 索引与NULL
    • 索引的代价
    • 大表结构修改
  • SQL优化
    • EXPLAIN命令
    • 选择索引列
    • 其它细节

关于索引

索引是一种用来加快查找效率的数据结构,可以简单粗暴的把索引比喻为字典或书本的目录,通过索引可以快速的查找到想要的数据,避免了逐一遍历效率低下的问题。绝大多数跟存储和查找有关的中间件都有索引功能,但是它们的原理不尽相同。

从数据结构上来说,在 MySQL 里面索引主要是 B+ 树索引。它的查询性能更好,适合范围查询,也适合放在内存里。

MySQL 的索引又可以从不同的角度进一步划分。比如说根据叶子节点是否包含数据分成聚簇索引和非聚簇索引,还有包含某个查询的所有列的覆盖索引等等。数据库使用索引遵循最左匹配原则。但是最终数据库会不会用索引,也是一个比较难说的事情,跟查询有关,也跟数据量有关。在实践中,是否使用索引以及使用什么索引,都要以 EXPLAIN 为准。

B+ 树的特点

B+ 树是一颗多叉树,一棵m阶的B+树定义如下:

  • 每个节点最多有 m 个子节点。
  • 除根节点外,每个节点至少有 [m/2] 个子节点,根节点至少有两个子节点。
  • 有 k 个子节点的节点必有 k 个关键字。这里的关键字可以直观地理解为就是索引全部列的值。

B+ 树的两个主要特征:

  • 叶子节点存放了数据,而非叶子节点只是存放了关键字。
  • 叶子节点被链表串联起来了。

在这里插入图片描述

一棵 B+ 树就像是一个部门,部门分成管理人员(非叶子节点)和基层员工(叶子节点),管理人员只负责传达命令(只放索引关键字),具体的事务(存放数据)都是由基层员工来执行的。基层员工之间为了合作顺畅,互相都有联系,对应到B+树上就是叶子节点被链表连在一起。

B+ 树用在数据库索引上有3大优势。

  • B+ 树的高度和二叉树比起来更低,树的高度代表了查询的耗时,所以 查询性能更好
  • B+ 树的叶子节点都被串联起来了, 所以 适合范围查询
  • B+ 树的非叶子节点没有存放数据,所以 适合放入内存中

使用索引提高查询性能的时候,一个默认的前提就是 索引本身会全部装进内存中,只有真实的数据行会放在磁盘上。 如果索引放在磁盘上的话,使用索引的效果就不明显了。

MySQL 为什么使用 B+ 树?

对比 B+ 树、B 树、二叉树、红黑树、跳表,在用作索引的时候,其他数据结构都有哪些缺陷?

  • 与B+ 树相比,平衡二叉树、红黑树在同等数据量下, 高度更高,性能更差,而且它们会频繁执行再平衡过程,来保证树形结构平衡。
    在这里插入图片描述
  • 与B+ 树相比,跳表在极端情况下会退化为链表, 平衡性差,而数据库查询需要一个可预期的查询时间,并且跳表需要更多的内存。
  • 与B+ 树相比,B 树的数据存储在全部节点中, 对范围查询不友好。 非叶子节点存储了数据, 导致内存中难以放下全部非叶子节点。如果内存放不下非叶子节点,那么就意味着查询非叶子节点的时候都需要磁盘 IO。

结论:一个数据结构是否适合做数据库索引,取决于这种数据结构的增删改查性能。并且在关系型数据库里面,还额外要求对范围查询友好,减少内存消耗。

参考:数据结构与算法中的B+树

索引分类

关于索引的分类,如果站在不同的角度取看待,就会有不同的说法。

  • 根据叶子节点是否存储数据来划分,可以分成 聚簇索引非聚簇索引
  • 如果某个索引包含某个查询的所有列,那么这个索引就是 覆盖索引
  • 如果索引的值必须是唯一的,不能重复,那么这个索引就是 唯一索引。
  • 如果索引的某个列,只包含该列值的前一部分,那么这个索引就是 前缀索引。比如说在一个类型是 varchar(128) 的列上,选择前 64 个字符作为索引。
  • 如果某个索引由多个列组成,那么这个索引就是 组合索引 也叫做联合索引。
  • 全文索引 是指用于支持文本模糊查询的索引。
  • 哈希索引 是指使用哈希算法的索引,但是 MySQL 的InnoDB 引擎并不支持这种索引。

一个索引可以同时是 「覆盖索引、唯一索引、前缀索引、组合索引」,你站在不同的角度去看待索引就会有不同的说法。

聚簇索引 和 非聚簇索引

如果索引叶子节点存储的是数据行,那么它就是聚簇索引,否则就是非聚簇索引。

简单来说,某个数据表本身你就可以看作是一棵使用主键搭建起来 B+ 树,这棵树的叶子节点放着表的所有行。而其他索引也是 B+ 树,不同的是它们的叶子节点存放的是主键。聚簇索引和非聚簇索引的唯一区别就是叶子节点放的是数据行还是索引。

回表 :如果查询一张表用到了索引,那么数据库就会先在索引里面找到主键,然后再根据主键去聚簇索引中查找,最终找出数据。
在这里插入图片描述

如图所示,查询的时候先沿着绿色的线条在非聚簇索引中找到主键。然后拿着主键再去下面沿着黄色的线条找到数据行。这个数据行存放在磁盘里,所以触发磁盘 IO 之后能够读取出来。磁盘 IO 是非常慢的,因此回表性能极差,你在实践中要尽可能避免回表。

覆盖索引

如果查询的列全部都在某个索引里面,那么数据库可以直接把索引存储的这些列的值返回,不需要回表。

比如说有一个用户表 user_tab,在字段 idname 两列上创建了一个组合索引 <id, name>,那么对于这个查询来说 SELECT id, name FROM user_tab WHERE id = 123, SELECT 关键字后面的 idname 两列都在这个索引里,那么就可以直接用索引的数据,不必回表查询了。
在这里插入图片描述
这个索引在这个查询中就是一个覆盖索引。所以覆盖索引并不是一个独立的索引,而是某个索引相对于某个查询而言的。

针对这个特性,优化 SQL 性能里面有两种常见的说法。

  1. 只查询需要的列。
  2. 针对最频繁的查询来设计覆盖索引。

这两种说法本质上都是为了避免回表。

覆盖索引是最为常见的SQL优化方案。假设现在有一个执行非常频繁的 SQL,这个 SQL 查询全部的列,但是业务只会用到其中的三个列 A B C(SELECT 语句是 SELECT A, B, C 三个列),而且 WHERE 里面也只有这三个列的条件,那么就可以考虑直接创建一个 <A, B, C> 组合索引。

对于这个高频 SQL 来说,新的组合索引就是一个覆盖索引。将 SQL 由 SELECT * 改成了 SELECT A, B, C,完全避免了回表。

索引的最左匹配原则

索引在查询中是按照最左匹配原则来使用的。比如一张表的示例数据如下:

ABC
123141
123151
144122
144132
231109

假如你创建了一个在 A、B、C 三个列上的组合索引 <A, B, C>,此时:A 是绝对有序的;在 A 确定的情况下,B 是有序的;在 A 和 B 都确定的情况下,C 是有序的。

反过来说:

  • 如果 A 的值不确定,那么 B 和 C 都是无序的。例如当 A 取值可能为 1 或者 2 的时候,B 的取值可能是 (23, 44, 31)
  • 如果 A 的值确定,但是 B 的值不确定,那么 C 是无序的。例如当 A=1 而 B 可能是 44 或者 31 的时候,C 的值可能是 (122, 132, 109)

执行一个 WHERE A=a1 AND B=b1 AND C=c1 的查询就类似于:

for a in A {
  if a == a1 {
    for b in B {
      if b == b1 {
        for c in C {
          if c == c1 {
            // 这就是你要的数据,拿到主键之后去磁盘里面加载出来
          }
        }
      }
    }
  }
}

从这个角度出发,就能理解其他最左匹配原则的情况了。

  • 如果查询条件是 WHERE A = a1 AND B = b1,那么你可以推断出来,数据库只会应用外层的两重循环,不会对 C 进行过滤。
for a in A {
  if a == a1 {
      for b in B {
        if b == b1 {
          // 这就是你要的结果,去磁盘里面读取
        }
      }
  }
}

  • 如果查询条件是 WHERE A = a1 OR B = b1,那么这个查询并不会使用这个索引。
for a in A {
  if a == a1 {
      as = append(as, a)
  }
}
for b in B {
  if b == b1 {
      bs = append(bs, b)
  }
}
// as 和 bs 的并集就是你要的结果

  • 如果查询条件是 WHERE A=a1 AND B > b1 AND C = c1,那么这个查询只会使用索引的 A 和 B 两列。
for a in A {
  if a == a1 {
      for b in B {
        if b > b1 {
          // C 是无序的,所以用不了。你可以从前面的表格里面看出来
          // 比如说 b > 23 之后,对应的 C 是乱序的
          // 这就是你要的结果,去磁盘里面读取
        }
      }
  }
}

  • 如果查询条件是 WHERE A !=a1,那么这个查询也不会使用索引。

可以用一个简单的口诀判断会不会使用索引。按照组成索引的列的顺序,从左往右: AND 用 OR 不用,正用反不用,范围则中断

这个口诀是一个简化之后的版本,还有一些意外情况是不符合这个口诀描述的规律的。比如说 M = 1 OR N = 2,如果单列 M 上有一个索引,并且单列 N 上也有一个索引,那么还是可能会使用 M 和 N 上的两个索引。

在实践中,用索引还是不用索引,就一个原则: 看 EXPLAIN 命令的输出

【问题】为什么明明设置了索引,但是查询的时候数据库却没用上索引?
【分析】数据库在一些特殊的情况下可能并不会使用任何索引。例如在前面的索引 <A, B, C> 的例子中,假设 A 的所有值都是正数,然后查询条件 WHERE A > -1,那么这个时候数据库会觉得还不如直接全表扫描,那么虽然有一个索引看起来能用,但是最终并不会用。
【回答】数据库可能不使用索引的原因有以下几种:

  • 使用了 !=LIKE 之类的查询。(如果只是 LIKE abc% 这种前缀查询,那么还是可能用索引的)
  • 字段区分度不大。比如说你的 status 列只有 0 和 1 两个值,那么数据库也有可能不用。
  • 使用了特殊表达式,包括数学运算和函数调用。
  • 数据量太小,或者 MySQL 觉得全表扫描反而更快的时候。

索引与NULL

首先,MySQL 的索引对 NULL 类型的字段,会尽可能使用索引,即便索引的某个列里面有零值,并且 IS NULL IS NOT NULL 都可以使用索引。

其次, MySQL 的唯一索引允许有多行的值都是 NULL。也就是说你可以有很多行唯一索引的列的值都是 NULL。因为对于 NULL 的定义 ,是指未知值。 唯一索引中多个 NULL都是未知的,不能说它们是相等的,也不能说是不等,就是未知的。所以多个NULL的存在是不违反唯一约束的。

但是不管怎么说,使用 NULL 都是一个比较差的实践,应该尽可能避免使用NULL

索引的代价

索引并不是完全没有代价,它会消耗很多的系统资源。

  1. 索引本身需要存储起来,消耗磁盘空间。
  2. 在运行的时候,索引会被加载到内存里面,消耗内存空间。
  3. 修改数据也要同步修改索引。在增删改的时候,数据库还需要同步维护索引,引入额外的消耗。

大表结构修改

在修改表结构或者修改索引(ALTER语句)的时候,数据量大的表修改索引和数据量小的表修改索引,实施方案是不一样的。

修改索引的时候, 数据库会加表锁,直到修改完成。所以当你准备新加一个索引的时候,如果这个表的数据很多,那么在你执行加索引的命令的时候,整张表可能都会被锁住几分钟甚至几个小时。

针对这个问题,一般可以考虑以下方案:

  • 停机变更,就是把业务停下来,然后更新表结构。如果做得更加精细一点,那么就可以说只把和这个表有关的功能下线,但不需要将整个服务或者系统下线。
  • 在业务低谷变更,比停机更新好一点,但是业务依旧受到了影响。而且万一并没有在低谷能完成变更,那么就会有其他风险。
  • 创建新表,这是不停机又不想业务受到影响的方案。具体来说就是创建一张新表,这张新表就是你准备用的新的表定义。然后将旧表的数据迁移过去。

SQL优化

了解了索引的基本原理,在实际业务中,有个很常用的场景就是数据库优化。数据库优化主要包含以下内容:

  • 硬件资源优化:换更大更强的机器。
  • 操作系统优化:调整操作系统的某些设置。
  • 服务器/引擎优化:也就是针对数据库软件本体进行优化,比如说调整事务隔离级别。在 MySQL 里面还可以针对不同的引擎做优化,比如说调整 InnoDB 引擎的日志刷盘时机。
  • SQL 优化:针对的就是 SQL 本身了。

其中,SQL 优化就是为了达到两个目标:

  1. 减少磁盘 IO,也可以说是尽量避免全表扫描、尽量使用索引以及尽量使用覆盖索引。
  2. 减少内存 CPU 消耗,尽可能减少排序、分组、去重之类的操作。

EXPLAIN命令

EXPALIN 命令的用法是 EXPLAIN SQL语句,然后数据库就会返回一个执行计划。expain出来的信息有10列,分别是:id、select_type、table、type、possible_keys、key、key_len、ref、rows、Extra。
在这里插入图片描述
其中几个需要关注的字段如下:

  1. type:指的是查询到所需行的方式,从好到坏依次是 system > const > eq_ref > ref > range > index > ALL

    • system 和 const 都可以理解为数据库只会返回一行数据,所以查询时间是固定的。
    • eq_ref 和 ref 字面意思是根据索引的值来查找。
    • range:索引范围扫描。
    • index:索引全表扫描,也就是扫描整棵索引。
    • ALL:全表扫描,发起磁盘 IO 的那种全表扫描。
  2. possible_keys:候选的索引。

  3. key:实际使用的索引。

  4. rows:扫描的行数。数据库可能扫描了很多行之后才找到你需要的数据。

  5. filtered:查找到你所需的数据占 rows 的比例。

实践中,没有必要将这些东西都死记硬背下来。等你要解读 EXPLAIN 的返回结果的时候,再去查看对比就可以了。

选择索引列

设计索引的时候,列的选择非常关键,可以参考以下规则:

  • 外键,一般都会用于关联、过滤数据,所以正常来说都会为表的外键创建索引。
  • 频繁出现在 WHERE 中的列,主要是为了避免全表扫描。
  • 频繁出现在 ORDER BY 的列,这是为了避免数据库在查询出来结果之后再次排序。
  • 频繁出现在关联查询的关联条件中的列。不过一般我们都不建议使用关联查询,所以几乎可以忽略这个。
  • 区分度很高的列。比如每一行的数据都不同的列,并且在创建组合索引的时候,区分度很高的列应该尽可能放到左边。

【问题】你是怎么优化你的 SQL 查询的?
【回答】通过 SQL 的慢查询监控,当发现接口响应时间比较差的时候,就会去排查 SQL 的问题。主要可以使用 EXPLAIN 命令来查看 SQL 的执行计划,看看有没有走索引、走了什么索引、是否有内存排序、去重之类的操作。初步判定了问题所在之后,可以尝试如下优化方案:包括改写 SQL 或者修改、创建索引,然后再次运行 SQL 看看效果。如果效果不好,就继续使用 EXPLAIN 命令,再尝试修改。如此循环往复,直到 SQL 性能达到预期。

其它细节

【用 WHERE 替换 HAVING】
一般来说,数据库都是先根据 WHERE 条件找到候选的列,再根据 HAVING 条件进行二次过滤。如果能够将 HAVING 中部分条件提前到 WHERE里,那么就可以提前将不符合条件的数据过滤掉了。如果不是使用聚合函数来作为过滤条件,最好还是将过滤条件优先写到 WHERE 里面。

【优化分页中的偏移量】
比如列表分页,一页50条数据,那么当你要拿第 101 页的数据,需要写成 LIMIT 50000, 50,其中 50000 就是偏移量。实际执行中数据库就需要读出 50050 条数据,然后将前面的 50000 都丢掉,只保留 50 条。

针对这类情况,优化的思路就是 使用小偏移量。可以在原本的查询语句的 WHERE 里面加上了一个 WHERE id > max_id 的条件,这个 max_id 就是上一页的最大 ID,这样就可以保证 LIMIT 的偏移量永远是 0。

更多参考:《MySQL优化方案和explain详解》

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

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

相关文章

探索黏土特效?推荐这三款软件!

在数字化时代&#xff0c;我们拥有无数的工具来释放我们的创造力和想象力。其中&#xff0c;黏土特效软件就是一种能够将你的照片或图像转化为可爱、生动的黏土动画的工具。这些软件以其独特的视觉效果和易于使用的特性&#xff0c;吸引了大量的用户。下面&#xff0c;我们将为…

gorm-sharding分表插件升级版

代码地址&#xff1a; GitHub - 137/gorm-sharding: Sharding 是一个高性能的 Gorm 分表中间件。它基于 Conn 层做 SQL 拦截、AST 解析、分表路由、自增主键填充&#xff0c;带来的额外开销极小。对开发者友好、透明&#xff0c;使用上与普通 SQL、Gorm 查询无差别.解决了原生s…

FreeRTOS学习 -- 任务相关API函数

一、任务创建和删除API函数 FreeRTOS 最基本的功能就是任务管理&#xff0c;而任务管理最基本的操作就是创建和删除任务。 FreeRTOS的任务创建和删除API函数如下&#xff1a; 1、函数 xTaskCreate() 此函数用来创建一个任务&#xff0c;任务需要 RAM 来保存于任务有关的状…

nginx的应用部署nginx

这里写目录标题 nginxnginx的优点什么是集群常见的集群什么是正向代理、反向代理、透明代理常见的代理技术正向代理反向代理透明代理 nginx部署 nginx nginx&#xff08;发音同enginex&#xff09;是一款轻量级的Web服务器/反向代理服务器及电子邮件&#xff08;IMAP/POP3&…

每日一题 第九十七期 洛谷 [NOIP2000 提高组] 方格取数

[NOIP2000 提高组] 方格取数 题目背景 NOIP 2000 提高组 T4 题目描述 设有 N N N \times N NN 的方格图 ( N ≤ 9 ) (N \le 9) (N≤9)&#xff0c;我们将其中的某些方格中填入正整数&#xff0c;而其他的方格中则放入数字 0 0 0。如下图所示&#xff08;见样例&#xf…

同步电机原理解析

同步电机 同步带年纪&#xff0c;顾名思义无论负载如何&#xff0c;都能以恒定的速度运转&#xff0c;它以高效率著称 这种恒速特性是通过恒定磁场和旋转磁场的相互作用实现的&#xff0c;与其他电机一样&#xff0c;同步电机由定子和转子组成&#xff0c;定子铁芯由硅片层叠而…

STC8增强型单片机开发 【GPIO的理解⭐⭐】

目录 一、引言 二、GPIO概述 三、GPIO的功能 1. 输入功能&#xff1a; 2. 输出功能 四、GPIO的配置方法 1. 选择GPIO端口和引脚&#xff1a; 2. 设置GPIO模式&#xff1a; 3. 配置GPIO参数&#xff1a; 五、GPIO应用实例 1. 硬件连接&#xff1a; 2. 编程实现&…

2.1初识Spark

Spark于2009年诞生&#xff0c;最初是加州大学伯克利分校的研究项目。2013年加入Apache孵化器项目&#xff0c;2014年成为Apache顶级项目。Spark以内存内运算技术为核心&#xff0c;包含多个计算框架&#xff0c;成为大数据计算领域的后起之秀&#xff0c;打破了Hadoop的基准排…

2.外卖点餐系统(Java项目 springboot)

目录 0.系统的受众说明 1.系统功能设计 2.系统结构设计 3.数据库设计 3.1实体ER图 3.2数据表 4.系统实现 4.1用户功能模块 4.2管理员功能模块 4.3商家功能模块 4.4用户前台功能模块 4.5骑手功能模块 5.相关说明 新鲜运行起来的项目&#xff1a;如需要源码数据库…

如何防止源代码泄露?彻底解决源代码防泄密的方法

SDC沙盒系统&#xff1a;数据安全的守护者 SDC沙盒系统&#xff0c;为研发型企业设计&#xff0c;实现了对数据的代码级保护&#xff0c;同时不影响工作效率和正常使用。系统通过自动加密敏感数据&#xff0c;并配合多种管控机制&#xff0c;有效防止了数据的泄露。 涉密可信…

Python专题:五、条件语句

流程控制语句 count&#xff08;&#xff09;字符串计数 句尾\分行写码 运行输入cmd 输入Python 回车进入shell python 解释器 shell模式 再给x1,没有结果出来 if条件语句关键词&#xff0c;x>5条件表达式&#xff0c;&#xff1a;条件结束&#xff0c;四个空格&#x…

压缩机继电器EOCRDS-30NY7Q升级后型号:EOCRDS3-30S

EOCR-DS3系列型号&#xff1a; EOCRDS3-05S EOCRDS-05S EOCRDS1-05S EOCRDS3-30S EOCRDS-30S EOCRDS1-30S EOCRDS3-60S EOCRDS-60S EOCRDS1-60S EOCRDS3-05W EOCRDS-05W EOCRDS1-05W EOCRDS3-30W EOCRDS-30W EOCRDS1-30W EOCRDS3-60W EOCRDS-60W EOCRDS1-60W EOCR-DS3T-…

Java:就业市场上的常青树-永远的宠儿

除了兴趣&#xff0c;我们学习编程最主要的目标是找一份好工作&#xff0c;选择合适的编程语言就非常重要了&#xff0c;毕竟选择大于努力&#xff0c;男怕选错行&#xff0c;学编程最怕选错语言。比如&#xff0c;如果你选Perl&#xff0c;那就糟糕了&#xff0c;基本上可以断…

「网络流 24 题」试题库 【最大流】

「网络流 24 题」试题库 思路 建立超级源点 S S S 和超级汇点 T T T&#xff0c;将每一类题目拆分为入点 i n in in 和出点 o u t out out&#xff0c;连边 i n → o u t in \rarr out in→out&#xff0c;边权为 k i k_i ki​&#xff0c;也就是所需的题目数量&#xf…

cannot import name ‘ForkProcess‘ from ‘multiprocessing.context‘问题解决

问题描述 cannot import name ForkProcess from multiprocessing.context 问题原因 ForkContext用于Unix系统。SpawnContext可以在 Windows 环境中使用 解决方案 改成SpawnProcess就可以运行了 将原来的ForkProcess修改为SpawnProcess wrappers.py脚本&#xff0c;下面的代…

Python学习——环境搭建

Python 介绍 Python&#xff08;英国发音&#xff1a;/ˈpaɪθən/ 美国发音&#xff1a;/ˈpaɪθɑːn/&#xff09;是一种广泛使用的解释型、高级编程、通用型编程语言&#xff0c;由吉多范罗苏姆创造&#xff0c;第一版发布于1991年。可以视之为一种改良&#xff08;加入…

QGraphicsView实现简易地图12『平移与偏移』

前文链接&#xff1a;QGraphicsView实现简易地图11『指定层级-定位坐标』 提供地图平移与偏移功能。地图平移是指将地图的中心点更改为给定的点&#xff0c;即移动地图到指定位置。地图偏移是指将当前视口内的地图向上/下/左/右/进行微调&#xff0c;这里偏移视口宽/高的四分之…

商务分析方法与工具(六):Python的趣味快捷-字符串巧妙破解密码本、身份证号码、词云图问题

Tips&#xff1a;"分享是快乐的源泉&#x1f4a7;&#xff0c;在我的博客里&#xff0c;不仅有知识的海洋&#x1f30a;&#xff0c;还有满满的正能量加持&#x1f4aa;&#xff0c;快来和我一起分享这份快乐吧&#x1f60a;&#xff01; 喜欢我的博客的话&#xff0c;记得…

【Pytorch】1.读取训练数据集

导入Dataset类 from torch.utils.data import Dataset # 注意是Dataset&#xff08;大写&#xff09;的才是类通过jupyter我们可以阅读一下Dataset类的具体使用方法 help(Dataset) # 或者直接 Dataset??我们可以看到具体对Dataset类的解释 从蓝色字体我们可以得出 所有的代…

【Vue】Vue packages version mismatch(vue 和 vue-template-compiler)

报错&#xff1a;Vue packages version mismatch 原因&#xff1a;vue和vue-template-compiler版本不一样解决&#xff1a;如上vue版本为 2.6.14&#xff0c;vue-template-comiler版本为2.7.16。将vue-template-comiler版本设置为和vue版本一致即可。 npm install vue-templat…