如何在 Ubuntu 14.04 上配置 StatsD 以收集 Graphite 的任意统计数据

介绍

Graphite 是一个图形库,允许您以灵活和强大的方式可视化不同类型的数据。它通过其他统计收集应用程序发送给它的数据进行图形化。

在之前的指南中,我们讨论了如何安装和配置 Graphite 本身,以及如何安装和配置 collectd 以编译系统和服务统计信息。

在本指南中,我们将讨论如何安装和配置 StatsD。StatsD 是一个轻量级的统计信息收集守护程序,可用于收集任意统计信息。

StatsD 与 Graphite 的配置写入间隔同步刷新统计信息。为此,它在刷新间隔之间聚合所有数据,并为每个统计信息创建单个点以发送到 Graphite。

通过这种方式,StatsD 让应用程序绕过发送 Graphite 统计信息的有效速率限制。它有许多用不同编程语言编写的库,使得在应用程序中轻松构建统计跟踪成为可能。

在本指南中,我们将安装和配置 StatsD。我们将假设您已经按照之前的指南中的安装说明进行了操作,并且在您的 Ubuntu 14.04 服务器上已经配置了 Graphite 和 collectd。

安装 StatsD

StatsD 程序不在 Ubuntu 默认仓库中。但是,它在 GitHub 上可用,并且具有将其编译为 Ubuntu 软件包所需的配置文件。

获取组件

在安装实际程序之前,我们需要从仓库中获取一些软件包。我们需要 git,以便我们可以克隆仓库。我们还需要 node.js,因为 StatsD 是一个 node 应用程序。

我们还需要一些软件包,这些软件包将允许我们构建 Ubuntu 软件包。现在让我们获取所有这些软件包:

sudo apt-get install git nodejs devscripts debhelper

我们将在我们的主目录中创建软件包。更具体地说,我们将在主目录中创建一个名为 “build” 的目录来完成此过程。

现在创建该目录:

mkdir ~/build

现在,我们将 StatsD 项目克隆到该目录中。进入该目录,然后执行克隆命令:

cd ~/build
git clone https://github.com/etsy/statsd.git

构建和安装软件包

进入包含我们的 StatsD 文件的新目录:

cd statsd

现在,我们可以通过简单地发出此命令来创建 StatsD 软件包:

dpkg-buildpackage

一个 .deb 文件将被创建在 ~/build 目录中。让我们回到该目录。

cd ..

在安装软件包之前,我们要停止 Carbon 服务。原因是 StatsD 服务在安装时将立即开始发送信息,而它尚未正确配置。

通过发出此命令暂时停止 Carbon 服务:

sudo service carbon-cache stop

然后我们可以将软件包安装到我们的系统中:

sudo dpkg -i statsd*.deb

正如我们之前所说,Statsd 进程会自动启动。让我们暂时停止它,并重新启动我们的 Carbon 服务。这将允许我们在配置 StatsD 的同时仍然保持 Carbon 为我们的其他服务活动:

sudo service statsd stop
sudo service carbon-cache start

StatsD 服务现在已安装在我们的服务器上!但是,我们仍然需要配置所有组件以正确地协同工作。

配置 StatsD

我们应该做的第一件事是修改 StatsD 配置文件。

使用文本编辑器打开文件:

sudo nano /etc/statsd/localConfig.js

它应该看起来像这样:

{
  graphitePort: 2003
, graphiteHost: "localhost"
, port: 8125
}

在此配置中,我们只想调整一个设置。我们想要关闭一个称为 legacy namespacing 的东西。

StatsD 使用这个来以不同的方式组织其数据。然而,在更近期的版本中,它已经标准化了更直观的结构。我们想要使用新的格式。

为此,我们需要添加以下行:

{
  graphitePort: 2003
, graphiteHost: "localhost"
, port: 8125
, graphite: {
    legacyNamespace: false
  }
}

这将让我们使用更合理的命名约定。完成后保存并关闭文件。

为 StatsD 创建存储模式

接下来,我们需要定义一些更多的存储模式。

打开存储模式文件:

sudo nano /etc/carbon/storage-schemas.conf

我们将使用与我们为 collectd 定义的完全相同的保留策略。唯一的区别是名称和匹配模式。

StatsD 将其所有数据发送到 Graphite,带有 stats 前缀,因此我们可以匹配该模式。记住将此放在默认存储规范之上:

[statsd]
pattern = ^stats.*
retentions = 10s:1d,1m:7d,10m:1y

完成后保存并关闭文件。

创建数据聚合配置

让我们设置一些聚合规范。StatsD以非常特定的方式发送数据,因此我们可以通过匹配正确的模式轻松确保正确地聚合数据。

在编辑器中打开文件:

sudo nano /etc/carbon/storage-aggregation.conf

我们需要以灵活的方式配置我们的聚合,以准确转换我们的值。我们将从StatsD项目中获取一些线索,以便最佳地聚合数据。

当前,聚合看起来像这样:

[min]
pattern = \.min$
xFilesFactor = 0.1
aggregationMethod = min

[max]
pattern = \.max$
xFilesFactor = 0.1
aggregationMethod = max

[sum]
pattern = \.count$
xFilesFactor = 0
aggregationMethod = sum

[default_average]
pattern = .*
xFilesFactor = 0.5
aggregationMethod = average

我们希望匹配以.sum.count结尾的指标,并将这些值相加以进行聚合。我们已经定义了其中一个(使用sum部分),但它的标签有点错误,因此我们将进行调整。

我们还希望获取以.lower.upper结尾的指标的最小值和最大值。这些指标名称后面可能还有数字,因为它们可以用于指示某个百分比的上限值(例如upper_90)。

最后,我们希望配置我们的仪表,它基本上只是测量某物的当前值(例如速度表)。我们希望将这些设置为始终发送我们给定的最后一个值。在这种情况下,我们不希望使用平均值或任何其他计算出的值。

最终,文件应该看起来像这样:

[min]
pattern = \.min$
xFilesFactor = 0.1
aggregationMethod = min

[max]
pattern = \.max$
xFilesFactor = 0.1
aggregationMethod = max

<span class="highlight">[count]</span>
pattern = \.count$
xFilesFactor = 0
aggregationMethod = sum

<span class="highlight">[lower]</span>
<span class="highlight">pattern = \.lower(_\d+)?$</span>
<span class="highlight">xFilesFactor = 0.1</span>
<span class="highlight">aggregationMethod = min</span>

<span class="highlight">[upper]</span>
<span class="highlight">pattern = \.upper(_\d+)?$</span>
<span class="highlight">xFilesFactor = 0.1</span>
<span class="highlight">aggregationMethod = max</span>

<span class="highlight">[sum]</span>
<span class="highlight">pattern = \.sum$</span>
<span class="highlight">xFilesFactor = 0</span>
<span class="highlight">aggregationMethod = sum</span>

<span class="highlight">[gauges]</span>
<span class="highlight">pattern = ^.*\.gauges\..*</span>
<span class="highlight">xFilesFactor = 0</span>
<span class="highlight">aggregationMethod = last</span>

[default_average]
pattern = .*
xFilesFactor = 0.5
aggregationMethod = average

完成后保存并关闭文件。

启动服务

现在您已经配置好了一切,我们可以进行一些服务管理。

首先,您需要重新启动Carbon以应用您刚刚设置的新设置。最好完全停止服务,等待几秒钟,然后再启动,而不是只使用“restart”命令:

sudo service carbon-cache stop      ## 在此等待几秒钟
sudo service carbon-cache start

现在,您还可以启动StatsD服务,它将连接到Carbon:

sudo service statsd start

就像Carbon本身一样,StatsD也会报告自己的统计信息。这意味着如果您再次访问浏览器中的Graphite页面,您可以立即看到一些新信息。如果已经运行,请刷新页面:

http://<span class="highlight">domain_name_or_ip</span>

正如您所看到的,我们有许多不同的信息可用,所有这些信息都与StatsD本身有关:

!StatsD内部信息

让我们稍微了解一下如何向StatsD提供数据以及我们如何与其交互。

StatsD数据指标的解剖

StatsD服务使用TCP连接连接到Graphite服务。这允许可靠地传输信息。

但是,StatsD本身监听UDP数据包。它在一段时间内(默认为10秒)收集发送到它的所有数据包。然后,它聚合它收到的数据包,并将每个指标的单个值刷新到Carbon。

重要的是要意识到10秒的刷新间隔正是我们在存储模式中配置的最短存储间隔。这两个配置值必须匹配,因为这是使StatsD能够绕过Carbon仅接受每个间隔的一个值的限制。

由于这些程序之间的差异,我们发送数据到StatsD的方式与直接发送到Graphite时略有不同。如果您回忆一下,我们通过指定指标名称、值和时间戳将数据发送到Graphite,就像这样:

echo "<span class="highlight">metric_name metric_value</span> `date +%s` | nc -q0 127.0.0.1 2003

这有一些优点,比如允许您设置接收到的数据的时间戳,这样可以让您以后添加数据。对于发送到StatsD的数据,我们放弃使用时间戳,而是用数据类型替换它。

语法看起来像这样:

echo "<span class="highlight">metric_name</span>:<span class="highlight">metric_value</span>|<span class="highlight">type_specification</span>" | nc -u -w0 127.0.0.1 8125

这将向StatsD正在监听的端口发送一个UDP数据包。

请记住,就像直接发送统计信息到Graphite一样,这仍然不是通常发送统计信息的方式。nc方法只是用于演示目的。

有许多出色的StatsD客户端库,使得使用适合您的编程逻辑从您创建的应用程序发送统计信息变得很容易。我们马上就会演示这一点。

指标名称和值非常直观。让我们看看可能的指标类型以及它们对StatsD的含义:

  • c:这表示“计数”。基本上,它会在刷新间隔内将StatsD收到的指标的所有值相加,并发送总值。这类似于Carbon使用的“sum”聚合方法,这就是为什么我们告诉Carbon在存储这种指标的较长间隔时使用该聚合方法。
  • g:这表示一个仪表。仪表显示某物的当前值,类似于速度表或油量表。在这些情况下,我们只对最新值感兴趣。StatsD将继续向Carbon发送相同的值,直到它收到不同的值。Carbon使用“last”方法对这些数据进行聚合,以保持信息的含义。
  • s:此标记表示传递的值是数学集。数学上的集合包含唯一值。因此,我们可以向StatsD发送大量此类型的值,它将计算它接收到唯一值的次数。这对于诸如计算唯一用户的数量(假设您有与这些用户关联的唯一ID属性)的任务可能很有用。
  • ms:这表示值是时间跨度。StatsD接收时间值,并根据数据实际上创建了许多不同的信息。它向Carbon传递有关平均值、百分位数、标准偏差、总和等的信息。Carbon必须正确地对这些信息进行聚合,这就是为什么我们添加了许多聚合方法。

正如您所看到的,StatsD会为我们的指标做很多工作,使其更容易理解。它以大多数应用程序理解的方式讨论统计信息,并且只要告诉它数据代表什么,它就会在正确的格式中完成大部分繁重的工作。

探索不同的数据类型

计量

让我们向 StatsD 发送一些数据来尝试一下。最简单的是一个计量。这将设置一个指标的当前状态,因此它只会传递它收到的最后一个值:

echo "sample.gauge:14|g" | nc -u -w0 127.0.0.1 8125

现在,如果在十秒后(StatsD 的刷新频率)刷新 Graphite 接口,我们应该会看到新的统计数据(它将位于 stats > gauges > sample 层次结构下)。

注意这次行是不间断的。我们可以刷新图表,每个间隔都会有一个值。以前,Graphite 的数据中会有间断,因为在一段时间内没有收到某些指标的值。使用计量,StatsD 每次刷新时都会发送最后可用的值。它假设你会告诉它何时该值应该更改。

为了看到变化,让我们再发送一些计量的值:

echo "sample.gauge:10|g" | nc -u -w0 127.0.0.1 8125

现在等待至少十秒,以便 StatsD 发送该值,然后发送:

echo "sample.gauge:18|g" | nc -u -w0 127.0.0.1 8125

你将会看到一个类似于这样的图表(我们正在查看一个 8 分钟的时间范围):

!StatsD 计量的实际效果

正如你所看到的,这与 Graphite 已经存在的功能非常相似,因为它只记录每个十秒间隔的一个值。不同之处在于,StatsD 确保每个间隔使用最后已知的值。

计数

让我们通过配置一个计数指标来进行一些对比。

StatsD 将在其十秒刷新间隔期间收集到的所有数据相加,以发送该时间段的单个值。这更接近于我们想要记录的大多数指标的数据。

例如,我们可以连续向 StatsD 发送一个计数指标:

echo "sample.count:1|c" | nc -u -w0 127.0.0.1 8125
echo "sample.count:1|c" | nc -u -w0 127.0.0.1 8125
echo "sample.count:1|c" | nc -u -w0 127.0.0.1 8125
echo "sample.count:1|c" | nc -u -w0 127.0.0.1 8125
echo "sample.count:1|c" | nc -u -w0 127.0.0.1 8125

现在,假设这些都是在同一个间隔内发送的(一些值可能落在间隔标记的两侧),当我们刷新接口时,应该会看到计数的一个值。确保调整接口以仅显示过去 5 到 15 分钟的数据。

实际上创建了两个指标。count 指标告诉我们在我们的刷新间隔内发生的次数,而 rate 指标将该数字除以十,得到每秒发生的次数。这两个看起来像这样:

!StatsD 计数和速率

正如你所看到的,与计量指标不同,计数指标在刷新之间不保留其值。这就是该指标的含义。如果你正在计算用户点击按钮的次数,仅因为他在十秒内点击了两次,并不意味着接下来的十秒该数字也会是两。

集合

现在让我们尝试一个集合。

记住,集合记录传递给指标的唯一值的数量。因此,我们可以发送五条记录,但如果其中四条具有相同的值,则记录的数量将是两,因为这是唯一值的数量:

echo "sample.set:50|s" | nc -u -w0 127.0.0.1 8125
echo "sample.set:50|s" | nc -u -w0 127.0.0.1 8125
echo "sample.set:50|s" | nc -u -w0 127.0.0.1 8125
echo "sample.set:50|s" | nc -u -w0 127.0.0.1 8125
echo "sample.set:11|s" | nc -u -w0 127.0.0.1 8125

你可以在下图中看到,我的值最初跨越了一个刷新间隔,因此只记录了一个数字。我不得不再试一次才能第二次得到该序列:

!StatsD 集合示例

正如你所看到的,我们传递的实际在集合中是无关紧要的。我们只关心传递了多少个唯一值。

定时器

定时器可能是最有趣的指标。

StatsD 在计算定时器数据方面做了大量工作。它向 Carbon 发送许多不同的指标:

echo "sample.timer:512|ms" | nc -u -w0 127.0.0.1 8125

如果我们在几分钟内发送多个值,我们可以看到许多不同的信息,比如平均执行时间、计数指标、最大和最小值等。

它可能看起来像这样:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

这是一个很好的指标,可以提供有关您正在创建的程序执行情况的信息。它可以告诉您您所做的更改是否减慢了应用程序的速度。

发送 StatsD 指标

现在您已经了解了数据包的结构,让我们简要地看一下我们可以在程序中使用的一个 StatsD 库。任何具有发送 UDP 数据包功能的语言都可以创建 StatsD 指标,但库可以使这变得特别简单。

由于 Graphite 使用 Django,让我们留在这个环境中,看看一个 Python 库。

首先,安装 pip,一个 Python 包管理器:

sudo apt-get install python-pip

现在,我们可以告诉它通过输入以下命令来安装 python-statsd 包的最新版本:

sudo pip install python-statsd

这是一个非常简单的 StatsD 客户端。

启动一个 Python 交互会话来加载库:

python

现在,我们可以通过输入以下命令导入库:

import statsd

从这里开始,使用非常简单。我们可以创建代表各种指标的对象,然后根据需要进行调整。

例如,我们可以创建一个 gauge 对象,然后通过输入以下命令将其设置为 15:

gauge = statsd.Gauge('Python_metric')
gauge.send('some_value', 15)

然后,我们可以使用 gauge.send 发送我们想要的任何值到 StatsD。该库对其他指标类型也具有类似的功能。您可以通过查看项目页面了解它们。

现在,您应该对如何在应用程序中构建跟踪有了相当好的了解。向 StatsD 发送任意指标以进行跟踪和分析的能力使得跟踪统计数据变得如此简单,以至于几乎没有理由不收集数据。

结论

到目前为止,您应该已经安装和配置了 Graphite。通过完成本教程和上一篇教程,您还配置了 collectd 来收集系统性能指标,并配置了 StatsD 来收集有关您自己开发项目的任意数据。

通过学习如何利用这些工具,您可以开始构建复杂而可靠的统计跟踪,帮助您对环境的每个部分做出明智的决策。数据驱动决策的优势是巨大的,因此尽早将指标收集集成到您的基础架构中。

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

python实现视频剪辑

即刻关注&#xff0c;获取更多 实现目标 因上传某盘等文件大小限制&#xff0c;无法上传视频&#xff0c;故需要对视频进行压缩 参考资料 ffmpeg文档参考: https://ffmpeg.org/ffmpeg.html 依赖条件 已经安装好python3.11 &#xff0c;原则上更高版本也可以 安装 ffmpeg 依赖 p…

21.3K star!推荐一款可视化自动化测试/爬虫/数据采集神器!功能免费且强大!

大家好&#xff0c;我是狂师&#xff01; 在大数据时代&#xff0c;信息的获取与分析变得尤为重要。对于开发者、数据分析师乃至非技术人员来说&#xff0c;能够高效地采集网络数据并进行分析是一个强有力的工具。今天&#xff0c;我要向大家推荐的是一款功能强大、操作简单且…

线上申报开放时间!2024年阜阳市大数据企业培育认定申报条件、流程和材料

2024年阜阳市大数据企业培育认定申报条件、流程和材料&#xff0c;线上申报开放时间整理如下 一、2024年阜阳市大数据企业培育认定申报要求 &#xff08;一&#xff09;经营范围 申请认定的企业应当从事以下生产经营活动&#xff1a; 1.从事数据收集、存储、使用、加工、传输、…

HotSpot JVM 中的应用程序/动态类数据共享

0.前言 本文的目的是详细讨论 HotSpot JVM 自 JDK 1.5 以来提供的一项功能&#xff0c;该功能可以减少启动时间&#xff0c;但如果在多个 JVM 之间共享相同的类数据共享 (CDS) 存档&#xff0c;则还可以减少内存占用。 1.类数据共享 (CDS) CDS 的想法是使用特定格式将预处理…

多分辨率展开

1.,首先这个图居然给出了基和对偶基相等这个概念。我需要说明一下这个概念的来源。 1.1.,对偶基一开始是来自高等代数的线性空间&#xff0c;然后是泛函分析中的赋范线性空间的共轭空间。至于基的概念&#xff0c;赋范线性空间并没有&#xff0c;可能是因为正交需要内积来定义&…

Python基础知识(二)

&#x1f3ac; 秋野酱&#xff1a;《个人主页》 &#x1f525; 个人专栏:《Java专栏》 《Python专栏》 ⛺️心若有所向往,何惧道阻且长 文章目录 1.输入和输出函数1.1输出函数1.2输入函数 2.常见运算符2.1赋值运算符2.2比较运算符2.3逻辑运算符2.4and逻辑与2.5or逻辑或2.6not逻…

超纯水抛光树脂MB-115的使用及装填注意事项

用前须知 01.抛光树脂是由高度纯化、转型的H型阳树脂和OH型阴树脂混合而成&#xff0c;如果装填和操作得当&#xff0c;在最初的周期中即可制备出电阻率大于18.0MΩcm和TOC小于10ppb的超纯水&#xff0c;无需化学再生。 02.树脂开封后长时间暴露在空气中会吸收二氧化碳&#…

k8s日常动手实践 ~~ pod访问 pod请求 k8s api ~ 含新版带curl的busybox镜像

前言&#xff1a; 可以使用 Kubernetes API 获取集群信息。使用 Service Account&#xff08;SA&#xff09;进行身份验证&#xff0c;可以以安全的方式访问 Kubernetes API&#xff0c;而无需在 Pod 中使用明文凭据。 以下是一个使用 Service Account 访问 Kubernetes API 获…

HAWE比例多路阀驱动放大器

HAWE比例多路阀驱动放大器是一种在工程机械和工业自动化领域中广泛使用的高精度控制元件&#xff0c;它通过电气信号来控制流体的流动方向、流量及压力等参数。多路比例阀品牌技术的核心在于高性能、低成本、智能化控制、高频响、安全性以及技术创新等方面。这些技术的发展不仅…

Web前端开发之HTML_1

第一个前端程序VS Code安装VS Code 快捷键 1. 第一个前端程序 使用记事本&#xff0c;新建一个文本文档&#xff0c;重命名为Welcome.html&#xff0c;如下图&#xff1a; 用记事本打开文档&#xff0c;内容输入如下&#xff1a; <html> <head> <t…

<计算机网络自顶向下>网络层导论

在计算机网络中&#xff0c;网络层包括数据平面和控制平面&#xff0c;它们分别负责网络数据转发和网络路由控制。以下是它们之间的区别&#xff1a; 数据平面&#xff08;Data Plane&#xff09;&#xff1a; 数据平面负责实际的数据传输和转发&#xff0c;它处理网络中的数据…

IDEA本地将镜像推送到coding制品仓库

创建制品仓库 假设仓库名称为docker 在IDEA 添加Docker 注册表 IDEA必须先安装docker插件 地址 用户名和密码就是coding的登录名和密码服务器 最好本地安装docker桌面版&#xff0c;更容易操作 测试连接成功 推送镜像到coding的docker制品仓库 选中某个镜像 鼠标右键 注册表…

金蝶云星空和旺店通·企业版单据接口对接

金蝶云星空和旺店通企业版单据接口对接 接入系统&#xff1a;旺店通企业版 慧策最先以旺店通ERP切入商家核心管理痛点——订单管理&#xff0c;之后围绕电商经营管理中的核心管理诉求&#xff0c;先后布局流量获取、会员管理、仓库管理等其他重要经营模块。慧策的产品线从旺店通…

画家-qt-surce

void GraphicView::paintEvent(QPaintEvent *pe) { QPainter painter(viewport()); painter.setRenderHint(QPainter::SmoothPixmapTransform);//升级画家 painter.drawImage(rect(),musicImage); } 分析&#xff1a; 这段代码是用于绘制图形视图的部分。 1. void GraphicV…

Hbase中二级索引与Phoenix二级索引实现

1、引入 HBase本身只提供基于行键和全表扫描的查询&#xff0c;而行键索引单一&#xff0c;对于多维度的查询困难。 所以我们引进一个二级索引的概念。二级索引的本质就是建立各列值与行键之间的映射关系 。 图解&#xff1a; 2、常见实现二级索引的方案&#xff1a; HBase…

go版本1.16.5 运行项目出现undefined: math.MaxInt报错

问题描述 go版本 go1.16.5 项目引用了 包go-sqlite3 v1.14.17 github.com/mattn/go-sqlite3 v1.14.17运行报错 # github.com/mattn/go-sqlite3 D:\GoPATH\pkg\mod\github.com\mattn\go-sqlite3v1.14.17\sqlite3_opt_serialize.go:41:26: undefined: math.MaxInt原因分析&…

离散数学之一阶逻辑基本概念与等值演算思维导图+大纲笔记(期末复习,考研,学习笔记,知识点总结)

大纲笔记 基本概念 一阶逻辑命题符号化 个体词 个体常项 个体变项 个体域 个体总域 谓词 谓词常项 谓词变项 零元谓词 特性谓词 引入规则 量词 全称量词 存在量词 一阶逻辑1公式及解释 基本概念 原子公式 谓词公式 自由变元与约束变元 自由变元 换名规则 约束变元 带入规则 闭…

强制内容在一行显示

强制内容在一行显示 .one {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; /* 可选&#xff0c;当内容超出一行时&#xff0c;用省略号表示 */ }效果

构建代理IP池并自动测试可用性的爬虫实现

目录 前言 一、认识代理IP 1. 隐藏真实IP地址 2. 提高爬虫效率 二、爬取代理IP 三、测试代理IP可用性 1. 发起HTTP请求 2. 超时检测 3. 循环请求 四、构建代理IP池 五、总结 前言 随着互联网的发展&#xff0c;网络爬虫在数据采集、搜索引擎、信息监控等领域发挥着…

vue2和vue3浏览器兼容性对比

一、Vue2.0不支持IE8, 因为Vue使用了IE8无法模拟的ECMAScript 5 特性,但它支持所有兼容ECMAScript 5 的浏览器。 二、Vue3.0 不支持 IE11 及以下版本。兼容ECMAScript 5的浏览器