设计思想是用一种描述性的语言定义一个规则，凡是符合规则的字符串，我们就认为它“匹配”了，否则，该字符串就是不合法的。在。

新建一个通用组件，在components目录下新建echarts文件夹，然后新建echart.vue。在页面中使用封装好的echarts组件。

若为 true, 背景图的主要颜色将作为实点的颜色, 即 colorDark,默认 true。实点的颜色（注意：和colorLight一起设置才有效）空白的颜色（注意：和colorDark一起设置才有效）二维码图像的外边距, 默认 20px。嵌入至二维码中心的 LOGO 地址。二维码，即扫描二维码后跳转的页面。

页面会出现空白，刷新页面会触发组件的beforeCreate、create、beforeMount、mounted、beforeDestory、destoryed等生命周期的方法。方法：强制重启组件的render函数，调用该方法后只会触发beforeUpdate、updated 这两个生命周期，而且只会影响当前组件以及其插槽内容。值：利用vue虚拟DOM的算法，对比新旧节点时，发现key值改变会重

给提交按钮加上disabled属性，在请求时先把disabled属性改成true，在结果返回时改成false。添加loading遮罩层，可以直接使用elementui等框架的loading，也可以使用自己搭建的遮罩层。在第一次提交的结果返回前，将提交按钮禁用。给按钮点击事件添加防抖。

在vue3中使用echarts图表，设置tooltip的属性trigger为。时，值展示不出来，但在echarts官网中却可以展示出来。设置tooltip的属性trigger为。时没有问题，值可以展示出来。

当用Vue 构建完整的单页应用，推荐采用组合式 API + 单文件组件，两种类型的API可以混用，在选项式API中通过setup()选项来使用组合式API。用包含多个选项的对象来描述组件的逻辑，例如 data、methods 和 mounted，选项所定义的属性都会暴露在函数内部的this上，它会指向当前的组件实例。是一系列 API 的集合，使用函数而不是声明选项的方式书写 Vue 组件，它是一个