diff --git "a/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/1.Vue\347\256\200\344\273\213/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/1.Vue\347\256\200\344\273\213/exercises.md"
index 74524e810311206ee27252325fe282bfbb3957b8..64c29b56d0e5c422ae2727ce12d9d613cc0cfa6c 100644
--- "a/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/1.Vue\347\256\200\344\273\213/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/1.Vue\347\256\200\344\273\213/exercises.md"
@@ -1,6 +1,6 @@
 # Vue简介
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
  
 <br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/77385b1b457f4d53bcb6ca2aa7f1fba9.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16)
 <br/>
@@ -12,7 +12,7 @@
 
 <br>
 
- <div style="color: blue;font-size:24px">小测试：</div>
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
  
 结合上面小常识，下列对Vue描述 不正确 的是？<br/><br/>
 
diff --git "a/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/2.MVVM\345\223\215\345\272\224\345\274\217/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/2.MVVM\345\223\215\345\272\224\345\274\217/exercises.md"
index 3d6b31d0b1dad0689d796bb800949ebf23a2703a..bbf0363cd73bb87597b3af86ef4f4c4ec2f7256e 100644
--- "a/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/2.MVVM\345\223\215\345\272\224\345\274\217/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/2.MVVM\345\223\215\345\272\224\345\274\217/exercises.md"
@@ -1,6 +1,6 @@
 # MVVM响应式
 
-  <div style="color: pink;">小常识：</div>
+  <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/18708ee196b14290b42f085d798b3dc7.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16)
 <br/>
 <br/>
@@ -10,7 +10,7 @@ View层体现为浏览器中的DOM树，View-Model则体现为近几年特别流
 
 <br>
 
- <div style="color: blue;font-size:24px">小测试：</div>
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
  
 以下对于MVVM说法正确的是？<br/><br/>
 
diff --git "a/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/3.MVVM\344\274\230\347\202\271/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/3.MVVM\344\274\230\347\202\271/exercises.md"
index fb7699b2eef3dd8002c6e547af85b99b5e08e02c..2aa4b4b9d4ddd05193f1f3ce032ebc20157e390e 100644
--- "a/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/3.MVVM\344\274\230\347\202\271/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/3.MVVM\344\274\230\347\202\271/exercises.md"
@@ -1,13 +1,13 @@
 # MVVM优势
 
-  <div style="color: pink;">小常识：</div>
+  <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 
 MVC 是开发客户端最经典的设计模式，但是 MVC 有让人无法忽视的严重问题。在通常的开发中，除了简单的 Model、View 以外的所有部分都被放在了 Controller 里面。Controller 负责显示界面、响应用户的操作、网络请求以及与 Model 交互。随着业务逻辑的增加，controller的处理逻辑会变得越来越复杂，controller也就慢慢的变得越来越胖，这就造成了Controller逻辑复杂，难以维护。为了更好地管理代码，更方便地扩展业务，为必要为controller瘦身，于是MVVM便呼之欲出。
 
 
 <br>
 
- <div style="color: blue;font-size:24px">小测试：</div>
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
  
 关于MVVM优点描述以下 不正确 的是？<br/><br/>
 
diff --git "a/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/4.Vue\345\222\214jQuery/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/4.Vue\345\222\214jQuery/exercises.md"
index 3bfa69078e1e201e1b7dd56d643ce9de07900d4a..b43bd8fb950352467da1783d1bc8c8e0fb5a5ef5 100644
--- "a/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/4.Vue\345\222\214jQuery/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/1.Vue\346\230\257\344\273\200\344\271\210\357\274\237/4.Vue\345\222\214jQuery/exercises.md"
@@ -1,6 +1,6 @@
 # Vue和jQuery
 
-  <div style="color: pink;">小常识：</div>
+  <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/91c59444c19e412099d8fb454baa053e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16)
 <br/>
 <br/>
@@ -10,7 +10,7 @@ Vue则是通过Vue对象将数据和View完全分离开来了。对数据进行
 
 <br>
 
- <div style="color: blue;font-size:24px">小测试：</div>
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
  
 下列对于Vue和JQuery的描述不正确的是？<br/><br/>
 
diff --git "a/data/1.Vue\345\210\235\351\230\266/2.Node.js\345\222\214npm/1.Node\345\256\211\350\243\205\344\270\216\351\205\215\347\275\256/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/2.Node.js\345\222\214npm/1.Node\345\256\211\350\243\205\344\270\216\351\205\215\347\275\256/exercises.md"
index 13fb3a489d04e1864eaceb1388927a74b754b9aa..516f699b598e79458d56a906126e41ae7a960eff 100644
--- "a/data/1.Vue\345\210\235\351\230\266/2.Node.js\345\222\214npm/1.Node\345\256\211\350\243\205\344\270\216\351\205\215\347\275\256/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/2.Node.js\345\222\214npm/1.Node\345\256\211\350\243\205\344\270\216\351\205\215\347\275\256/exercises.md"
@@ -1,6 +1,6 @@
 # Node简介
 
- <div style="color: pink;">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 
 1.Node是什么
 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时（运行环境），如浏览器也是js的运行环境，Node 也是JS的运行环境，但是将JS代码的应用场景扩展到了服务器端
@@ -122,7 +122,7 @@ node -v
 
 <br>
 
- <div style="color: blue;font-size:24px">小测试：</div>
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
  
 下列关于Node的描述 不正确 的是？<br/><br/>
 
diff --git "a/data/1.Vue\345\210\235\351\230\266/2.Node.js\345\222\214npm/2.NPM\345\221\275\344\273\244/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/2.Node.js\345\222\214npm/2.NPM\345\221\275\344\273\244/exercises.md"
index fc5422b8dea763e6f60d7f9d14f29c517d92b83e..9399680850132fc65a7810436525b2a2c04f7cf5 100644
--- "a/data/1.Vue\345\210\235\351\230\266/2.Node.js\345\222\214npm/2.NPM\345\221\275\344\273\244/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/2.Node.js\345\222\214npm/2.NPM\345\221\275\344\273\244/exercises.md"
@@ -1,13 +1,13 @@
 # NPM命令
 
-  <div style="color: pink;">小常识：</div>
+  <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/d5316fd17a3c4c2cae007f1004c5fc28.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16)
 <br/>
 安装node成功后，我们就可以使用npm，我们了解到npm有非常多的命令来供我们开发使用，赶快去尝试一下这些命令吧！！！
 
 <br>
 
- <div style="color: blue;font-size:24px">小测试：</div>
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
  
 关于npm常用命令不正确的是？<br/><br/>
 
diff --git "a/data/1.Vue\345\210\235\351\230\266/2.Node.js\345\222\214npm/3.CNPM\345\256\211\350\243\205/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/2.Node.js\345\222\214npm/3.CNPM\345\256\211\350\243\205/exercises.md"
index 532047ccedd012b4671a67da0d452e9af25d0aa0..7543c12434346c7a90922de5e2a14174f6e0fba8 100644
--- "a/data/1.Vue\345\210\235\351\230\266/2.Node.js\345\222\214npm/3.CNPM\345\256\211\350\243\205/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/2.Node.js\345\222\214npm/3.CNPM\345\256\211\350\243\205/exercises.md"
@@ -1,6 +1,6 @@
 # CNPM安装
 
-  <div style="color: pink;">小常识：</div>
+  <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
  
 大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。
 
@@ -20,7 +20,7 @@ $ cnpm install [name]
 
 <br>
 
- <div style="color: blue;font-size:24px">小测试：</div>
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
  
 关于cnpm下列说法不正确的是？<br/><br/>
 
diff --git "a/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/1.Vue\345\256\211\350\243\205/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/1.Vue\345\256\211\350\243\205/exercises.md"
index 34a2dc6088b0b0400409086af80ee84500ef6ef9..58906cb62d32d30b56641afdb134e924c75de365 100644
--- "a/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/1.Vue\345\256\211\350\243\205/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/1.Vue\345\256\211\350\243\205/exercises.md"
@@ -1,6 +1,6 @@
 # Vue安装
 
-  <div style="color: pink;">小常识：</div>
+  <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
  Vue官网为我们提供了多种Vue的安装方式，大家选择自己认为比较方便，比较喜欢的一种就行，因为我们前面学习了npm的使用，在这里小编推荐大家使用npm哦
  npm<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/b686cd2da3964c4d889858ecf044f82d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16)
 <br/>
@@ -14,7 +14,7 @@
 
 <br>
 
- <div style="color: blue;font-size:24px">小测试：</div>
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
  
 关于vue的安装下列说法不正确的是？<br/><br/>
 
diff --git "a/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/2.Vue\345\256\236\344\276\213/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/2.Vue\345\256\236\344\276\213/exercises.md"
index 8cba68903bfdb50f981ba49e3cb95488bdc7d425..980aa8a3b3825ef7f78183f8fc1dbab514c5eda0 100644
--- "a/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/2.Vue\345\256\236\344\276\213/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/2.Vue\345\256\236\344\276\213/exercises.md"
@@ -1,6 +1,6 @@
 # Vue实例
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 
 快来开始我们的第一个Vue小案例吧！<br/>
 1.首先你可以创建一个html文件：initA.html（文件名称随心就好）<br/>
@@ -52,7 +52,7 @@
 
 <br>
 
- <div style="color: blue;font-size:24px">小测试：</div>
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
  
 A.初始化组件依赖注入内容<br/>
 B.初始化组件生命周期标识符<br/>
diff --git "a/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/3.Vue\347\224\237\345\221\275\345\221\250\346\234\237/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/3.Vue\347\224\237\345\221\275\345\221\250\346\234\237/exercises.md"
index 0cda80d6a760e124d6e5381cf8b3900173240148..7a9b69deb214f25d09ab8d788ff0fd9aad77c4e7 100644
--- "a/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/3.Vue\347\224\237\345\221\275\345\221\250\346\234\237/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/3.Vue\347\224\237\345\221\275\345\221\250\346\234\237/exercises.md"
@@ -1,6 +1,6 @@
 # Vue生命周期
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 
 <br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/72af614bcc1647ae880f77053d130483.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16)
 <br/>
@@ -8,7 +8,7 @@ Vue 实例从创建到销毁的过程，就是生命周期。从开始创建、
 
 <br>
 
- <div style="color: blue;font-size:24px">小测试：</div>
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 Vue页面初始化时会执行哪几个生命周期函数？<br/><br/>
diff --git "a/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/4.Vue\346\214\207\344\273\244/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/4.Vue\346\214\207\344\273\244/exercises.md"
index efe2de7f6318d0e280432a7ba9123a85bfd0a607..8031187c99aae58c9e9b8e434bd6084d2962ba9c 100644
--- "a/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/4.Vue\346\214\207\344\273\244/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/4.Vue\346\214\207\344\273\244/exercises.md"
@@ -1,6 +1,6 @@
 # Vue指令
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
  
  Vue指令在我们开发中使用占比很大的一部分，它让我们对数据在Dom渲染过程中起到润滑作用，巧妙的使用Vue指令让我们Dom渲染更加灵活，在某些业务的实现中Vue指令也是不可或缺的！让我们看看哪些常见的Vue指令吧！
 **v-text**
@@ -53,7 +53,7 @@
 后面还有v-on  v-bind  v-model v-slot v-pre v-cloak等指令，大家可以在下面自己去尝试他们巧妙的作用
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 看到上面众多Vue指令，我们可以想到 v-show和v-if都是根据绑定一个布尔值来切换dom的展示，那么他们有区别吗？<br/><br/>
 
diff --git "a/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/5.\350\256\241\347\256\227\345\261\236\346\200\247/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/5.\350\256\241\347\256\227\345\261\236\346\200\247/exercises.md"
index dd0577867d544eff734324b9952f73730787b21c..b9a333fc902f9969fcab35b9391026e070cb9d3c 100644
--- "a/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/5.\350\256\241\347\256\227\345\261\236\346\200\247/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/5.\350\256\241\347\256\227\345\261\236\346\200\247/exercises.md"
@@ -1,6 +1,6 @@
 # 计算属性
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
  计算属性在我们的Vue中是相当常见的，很多的业务逻辑中我们都有遇到过需要用到计算属性的地方，下面是小编为大家展示计算属性最简单粗暴的用法，是不是很简单呢，其实在我们的项目开发中计算属性可以写很多复杂的逻辑。
  比如我们在一个报表中有一列是展示员工工资，我们这一列的得数是依照前面各项总和再根据各种汇算我们为了dom代码中的简洁，完全可以利用到我们的计算属性
 
@@ -33,7 +33,7 @@
 
 <br>
 
- <div style="color: blue;font-size:24px">小测试：</div>
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 下列关于计算属性的说法正确的是？<br/><br/>
 
diff --git "a/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/6.\344\276\246\345\220\254\345\231\250/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/6.\344\276\246\345\220\254\345\231\250/exercises.md"
index 721337f243b4a256d25e8644172ccadee1dfa9e6..f143fc3de0639b9c5f7fda11a3e192511115278b 100644
--- "a/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/6.\344\276\246\345\220\254\345\231\250/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/3.Vue\345\256\236\344\276\213/6.\344\276\246\345\220\254\345\231\250/exercises.md"
@@ -1,6 +1,6 @@
 # 侦听器
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 
 ```javascript
 <body>
@@ -42,7 +42,7 @@
 前面我们看到了计算属性的强大，现在为大家介绍另一彪悍——侦听器，小编编写了上面代码，随着我们在输入框中输入数字的变化，文本框下面会出现一段话，而且会甄别出我们刚刚输入的值，以及当前输入的值，所以我们可以看出计算属性可以帮助我们处理一些计算逻辑数据，而侦听器会检测到我们数据的变化，我们就可以完成很多业务逻辑，思考下：他们两者可以互通使用么？
 <br>
 
- <div style="color: blue;font-size:24px">小测试：</div>
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 下列关于watch的说法不正确的是？<br/><br/>
 
diff --git "a/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/1.\346\217\222\345\200\274\350\241\250\350\276\276\345\274\217/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/1.\346\217\222\345\200\274\350\241\250\350\276\276\345\274\217/exercises.md"
index eed3fc9bb6d02d910db5dd992f25ce38175d5f29..777d6cb0991cd393c5ed0a68be1c19ae770ff92f 100644
--- "a/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/1.\346\217\222\345\200\274\350\241\250\350\276\276\345\274\217/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/1.\346\217\222\345\200\274\350\241\250\350\276\276\345\274\217/exercises.md"
@@ -1,6 +1,6 @@
 # 侦听器
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 
 ```js
 new Vue({
@@ -22,7 +22,7 @@ new Vue({
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 参照上面代码段，下列表达式不能正常渲染的是？<br/><br/>
diff --git "a/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/2.Vue\350\277\207\346\273\244\345\231\250/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/2.Vue\350\277\207\346\273\244\345\231\250/exercises.md"
index 909a6ed13878b9ed36827781e431acfcf3adce64..f12650b94f9445e5e3cd3bc11c88d29a6e31a4fb 100644
--- "a/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/2.Vue\350\277\207\346\273\244\345\231\250/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/2.Vue\350\277\207\346\273\244\345\231\250/exercises.md"
@@ -1,6 +1,6 @@
 # 过滤器
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
  
  
 <br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/911c940ef6124eeca866661b857c0648.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_19,color_FFFFFF,t_70,g_se,x_16)
@@ -15,7 +15,7 @@
 
 <br>
 
- <div style="color: blue;font-size:24px">小测试：</div>
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 观察上面图片中的代码，运行后p标签中展示的是？<br/><br/>
 
diff --git "a/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/3.class\345\222\214style\347\273\221\345\256\232/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/3.class\345\222\214style\347\273\221\345\256\232/exercises.md"
index a7a62abf0e9406d65dde0b9269a8553402eb1e22..143ebbfb91612942a0ffa46d89cccac20b66607c 100644
--- "a/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/3.class\345\222\214style\347\273\221\345\256\232/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/3.class\345\222\214style\347\273\221\345\256\232/exercises.md"
@@ -1,6 +1,6 @@
 # :class和:style
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 
 ```js
 new Vue({
@@ -15,7 +15,7 @@ new Vue({
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 下列对class使用错误的是？<br/><br/>
 
diff --git "a/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/4.\344\272\213\344\273\266\344\277\256\351\245\260\347\254\246\343\200\201\346\214\211\351\224\256\344\277\256\351\245\260\347\254\246\343\200\201\347\263\273\347\273\237\344\277\256\351\245\260\347\254\246/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/4.\344\272\213\344\273\266\344\277\256\351\245\260\347\254\246\343\200\201\346\214\211\351\224\256\344\277\256\351\245\260\347\254\246\343\200\201\347\263\273\347\273\237\344\277\256\351\245\260\347\254\246/exercises.md"
index 71af5285e78f9e80a8f8a4ca0e66fce0f327bbb6..4b713f57f96c93c79fa5816f2f07e97a86c1a21e 100644
--- "a/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/4.\344\272\213\344\273\266\344\277\256\351\245\260\347\254\246\343\200\201\346\214\211\351\224\256\344\277\256\351\245\260\347\254\246\343\200\201\347\263\273\347\273\237\344\277\256\351\245\260\347\254\246/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/4.Vue\346\250\241\346\235\277/4.\344\272\213\344\273\266\344\277\256\351\245\260\347\254\246\343\200\201\346\214\211\351\224\256\344\277\256\351\245\260\347\254\246\343\200\201\347\263\273\347\273\237\344\277\256\351\245\260\347\254\246/exercises.md"
@@ -1,6 +1,6 @@
 # Vue修饰符
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 
 **事件修饰符**
 在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。
@@ -29,7 +29,7 @@
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 下列对vue常用的修饰符描述错误的是？<br/><br/>
 
diff --git "a/data/1.Vue\345\210\235\351\230\266/5.v-model/1.v-model/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/5.v-model/1.v-model/exercises.md"
index d82cd200af2a43eac0fc516295ce4aa8209a22ff..37cdd1ae8bcdab228a651c5ce679fefe31ff386f 100644
--- "a/data/1.Vue\345\210\235\351\230\266/5.v-model/1.v-model/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/5.v-model/1.v-model/exercises.md"
@@ -1,12 +1,13 @@
 # v-model
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 
- v-model 指令我们大家很熟悉了吧，该指令可以在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。
+ v-model 指令我们大家很熟悉了吧，该指令可以在表单 input、textarea 及 select 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。
 v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。
 
 **文本框**
 下面代码中p标签的值会根据上方文本框输入的值的改变而改变。
+
 ```html
 <input v-model="message" placeholder="edit me">
 <p>Message is: {{ message }}</p>
@@ -46,7 +47,7 @@ v-model 会忽略所有表单元素的 value、checked、selected attribute 的
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 下列关于 v-model 的说法，哪项是不正确的？<br/><br/>
diff --git "a/data/1.Vue\345\210\235\351\230\266/5.v-model/2.v-model\347\273\221\345\256\232\344\277\256\351\245\260\347\254\246/exercises.md" "b/data/1.Vue\345\210\235\351\230\266/5.v-model/2.v-model\347\273\221\345\256\232\344\277\256\351\245\260\347\254\246/exercises.md"
index 63cfd3892fdc8cb0a4cedd1cab58f8a4cfea256a..5d720c7be7cbbad56faecbef04eb817c1365aa1f 100644
--- "a/data/1.Vue\345\210\235\351\230\266/5.v-model/2.v-model\347\273\221\345\256\232\344\277\256\351\245\260\347\254\246/exercises.md"
+++ "b/data/1.Vue\345\210\235\351\230\266/5.v-model/2.v-model\347\273\221\345\256\232\344\277\256\351\245\260\347\254\246/exercises.md"
@@ -1,6 +1,6 @@
 # v-model修饰符
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 
 上节我们看到了v-model的运用，那么他还有一些灵活的修饰符可以配合使用，下面就是v-model常用的修饰符
 
@@ -12,7 +12,7 @@
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 下列不属于v-model修饰符的是？<br/><br/>
diff --git "a/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/1.\345\205\250\345\261\200\344\270\216\345\261\200\351\203\250\347\273\204\344\273\266/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/1.\345\205\250\345\261\200\344\270\216\345\261\200\351\203\250\347\273\204\344\273\266/exercises.md"
index 203f353d9d439315b6bd5bcf8aefa6acbe52ae76..b0ba1fcf18df9a870a9e5c39fd3b9cdc0279b128 100644
--- "a/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/1.\345\205\250\345\261\200\344\270\216\345\261\200\351\203\250\347\273\204\344\273\266/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/1.\345\205\250\345\261\200\344\270\216\345\261\200\351\203\250\347\273\204\344\273\266/exercises.md"
@@ -1,6 +1,6 @@
 # 全局与局部组件
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **定义组件名的方式有两种：**</br>
@@ -152,7 +152,7 @@ export default {
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/2.\347\210\266\345\255\220\347\273\204\344\273\266\351\200\232\350\256\257/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/2.\347\210\266\345\255\220\347\273\204\344\273\266\351\200\232\350\256\257/exercises.md"
index 9252e9799c3ef42034ecacf05a112aead24183c7..3a75f0291e2ed931426f98d7a0a4e859354d5316 100644
--- "a/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/2.\347\210\266\345\255\220\347\273\204\344\273\266\351\200\232\350\256\257/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/2.\347\210\266\345\255\220\347\273\204\344\273\266\351\200\232\350\256\257/exercises.md"
@@ -1,6 +1,6 @@
 # 父子组件通讯
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **父传子**<br>
@@ -243,7 +243,7 @@
 ```
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/3.\351\235\236\347\210\266\345\255\220\347\273\204\344\273\266\351\200\232\350\256\257/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/3.\351\235\236\347\210\266\345\255\220\347\273\204\344\273\266\351\200\232\350\256\257/exercises.md"
index 88968b5222794717156e673ff60c621ff54df87a..9e4a253ce0dcc9a4f390c915db12f80b624539b8 100644
--- "a/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/3.\351\235\236\347\210\266\345\255\220\347\273\204\344\273\266\351\200\232\350\256\257/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/3.\351\235\236\347\210\266\345\255\220\347\273\204\344\273\266\351\200\232\350\256\257/exercises.md"
@@ -1,6 +1,6 @@
 # 非父子组件通讯
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **原理：**<br>
@@ -127,7 +127,7 @@ const bus =new Vue()
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/4.slot\346\217\222\346\247\275/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/4.slot\346\217\222\346\247\275/exercises.md"
index dbc7bd79c5bdca31927ecd0f53825f2153720a52..af5c84ecab852574659fb716154731b98d12fa1b 100644
--- "a/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/4.slot\346\217\222\346\247\275/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/4.slot\346\217\222\346\247\275/exercises.md"
@@ -1,6 +1,6 @@
 # 插槽
 
-  <div style="color: pink;font-size:24px">小常识：</div>
+  <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 下方的alert-box是一个组件，和 HTML 元素一样，我们经常需要向一个组件传递内容，像这样：
@@ -32,7 +32,7 @@ Vue.component('alert-box', {
 如你所见，我们只要在需要的地方加入插槽就行了——就这么简单！
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 下列关于插槽描述错误的是？<br/><br/>
diff --git "a/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/5.\345\212\250\346\200\201\347\273\204\344\273\266\343\200\201\345\274\202\346\255\245\347\273\204\344\273\266/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/5.\345\212\250\346\200\201\347\273\204\344\273\266\343\200\201\345\274\202\346\255\245\347\273\204\344\273\266/exercises.md"
index 888eefef5a54028675496c02f09972eaa6567fce..75d26b55fe92d3a61a286ca32835e4c43c82d1fa 100644
--- "a/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/5.\345\212\250\346\200\201\347\273\204\344\273\266\343\200\201\345\274\202\346\255\245\347\273\204\344\273\266/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/5.\345\212\250\346\200\201\347\273\204\344\273\266\343\200\201\345\274\202\346\255\245\347\273\204\344\273\266/exercises.md"
@@ -1,6 +1,6 @@
 # 动态组件、异步组件
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **动态组件**
@@ -72,7 +72,7 @@ new Vue({
 如果你是一个 Browserify 用户同时喜欢使用异步组件，很不幸这个工具的作者明确表示异步加载“并不会被 Browserify 支持”，至少官方不会。Browserify 社区已经找到了一些变通方案，这些方案可能会对已存在的复杂应用有帮助。对于其它的场景，我们推荐直接使用 webpack，以拥有内置的头等异步支持。
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/1.vue-router\346\230\257\344\273\200\344\271\210\357\274\237/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/1.vue-router\346\230\257\344\273\200\344\271\210\357\274\237/exercises.md"
index d6b2b780b2e31c61b18bcebdc1e59e198e597176..d030e59005bb75f77c68205abf4fcd0b1cef9123 100644
--- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/1.vue-router\346\230\257\344\273\200\344\271\210\357\274\237/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/1.vue-router\346\230\257\344\273\200\344\271\210\357\274\237/exercises.md"
@@ -1,6 +1,6 @@
 # vue-router是什么？
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **概念**
@@ -33,7 +33,7 @@ HTML5 history 模式或 hash 模式
 URL 的正确编码
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 根据上方资料，以下对于vue-router说法不正确的是？<br/><br/>
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/2.\350\267\257\347\224\261\345\256\211\350\243\205/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/2.\350\267\257\347\224\261\345\256\211\350\243\205/exercises.md"
index 0bd2a8811c37c3ac341793bd016aa051e398af56..ca62fe6a5500e5776baa5923f8337fe94d647d5f 100644
--- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/2.\350\267\257\347\224\261\345\256\211\350\243\205/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/2.\350\267\257\347\224\261\345\256\211\350\243\205/exercises.md"
@@ -1,7 +1,7 @@
 # 路由安装
 
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **直接下载 / CDN**
@@ -30,7 +30,7 @@ npm run build
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 根据上方资料，以下关于vue-router的安装说法不正确的是？<br/><br/>
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/3.\347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/3.\347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252/exercises.md"
index 574302f1e4e6e149fa04fb59c268e5e5d3fb5968..98275a6e3f29ffa77ba693fbd183016222c002b2 100644
--- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/3.\347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/3.\347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252/exercises.md"
@@ -1,6 +1,6 @@
 # 编程式的导航
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **编程式导航**
@@ -14,6 +14,7 @@
 想要导航到不同的 URL，可以使用 `router.push` 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，会回到之前的 URL。
 
 当你点击 `<router-link>` 时，内部会调用这个方法，所以点击 `<router-link :to="...">` 相当于调用 `router.push(...)` ：
+
 |声明式  | 编程式 |
 |--|--|
 | `<router-link :to="...">` | `router.push(...)` |
@@ -59,6 +60,7 @@ router.push({ path: '/user', params: { username } }) // -> /user
 
 **替换当前位置**
 它的作用类似于 router.push，唯一不同的是，它在导航时不会向 history 添加新记录，正如它的名字所暗示的那样——它取代了当前的条目。
+
 | 声明式 | 编程式 |
 |--|--|
 | `<router-link :to="..." replace>` | router.replace(...) |
@@ -100,7 +102,7 @@ router.go(100)
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 观察下列编程式导航，描述不正确的是?<br/><br/>
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/4.\345\212\250\346\200\201\350\267\257\347\224\261/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/4.\345\212\250\346\200\201\350\267\257\347\224\261/exercises.md"
index 6abe9e433619da8811171abcedc4bd422e7d7020..b3ab544bed0c1f2edbe8b86803f98f2b46f0f860 100644
--- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/4.\345\212\250\346\200\201\350\267\257\347\224\261/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/4.\345\212\250\346\200\201\350\267\257\347\224\261/exercises.md"
@@ -1,6 +1,6 @@
 # 动态路由
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **动态路由**
@@ -107,7 +107,7 @@ router.getRoutes()：获取一个包含所有路由记录的数组。
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 根据上方小常识，以下关于动态路由的说法不正确的是？<br/><br/>
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/5.\350\267\257\347\224\261\347\273\204\344\273\266\344\274\240\345\217\202/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/5.\350\267\257\347\224\261\347\273\204\344\273\266\344\274\240\345\217\202/exercises.md"
index fd54591f30eab22df86a93cb10cd07c90d37d43e..fea4019afb2190331df4a6cb1c5c6ad9f68f4e80 100644
--- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/5.\350\267\257\347\224\261\347\273\204\344\273\266\344\274\240\345\217\202/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/5.\350\267\257\347\224\261\347\273\204\344\273\266\344\274\240\345\217\202/exercises.md"
@@ -1,6 +1,6 @@
 # 路由组件传参
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **将 props 传递给路由组件**
@@ -75,7 +75,7 @@ const routes = [
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 根据上方资料，以下关于路由组件传参的说法不正确的是？<br/><br/>
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/6.\350\267\257\347\224\261\351\207\215\345\256\232\345\220\221\345\222\214\345\210\253\345\220\215/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/6.\350\267\257\347\224\261\351\207\215\345\256\232\345\220\221\345\222\214\345\210\253\345\220\215/exercises.md"
index d03bc0b0d5378398061f5e4e4a7a51faa850f616..92087473301c22ebab5891957cabda62535b8ad9 100644
--- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/6.\350\267\257\347\224\261\351\207\215\345\256\232\345\220\221\345\222\214\345\210\253\345\220\215/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/6.\350\267\257\347\224\261\351\207\215\345\256\232\345\220\221\345\222\214\345\210\253\345\220\215/exercises.md"
@@ -1,6 +1,6 @@
 # 路由重定向和别名
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **重定向**
@@ -106,7 +106,7 @@ const routes = [
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 根据上方资料，以下关于路由重定向的说法不正确的是？<br/><br/>
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/7.\350\267\257\347\224\261\346\250\241\345\274\217/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/7.\350\267\257\347\224\261\346\250\241\345\274\217/exercises.md"
index f038bb921e14f0657c0d4fb80817996772d17929..0e1573a571d43c5d3b76ed0f74e544dfab726432 100644
--- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/7.\350\267\257\347\224\261\346\250\241\345\274\217/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/7.\350\267\257\347\224\261\346\250\241\345\274\217/exercises.md"
@@ -1,6 +1,6 @@
 # 路由模式
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **hash模式**
@@ -26,7 +26,7 @@ hsitory.forward(); //前进
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 根据上方小常识，以下关于路由模式的说法不正确的是？<br/><br/>
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/8.\345\211\215\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/8.\345\211\215\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/exercises.md"
index 933bb138e8530c057c0b0413a8fd9f90fb0cc7d6..8b2c37c7bf50acf859854b71db1ed4ca2027e874 100644
--- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/8.\345\211\215\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/8.\345\211\215\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/exercises.md"
@@ -1,6 +1,6 @@
 # 前置路由守卫
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 你可以使用 router.beforeEach 注册一个全局前置守卫：
@@ -85,7 +85,7 @@ router.beforeResolve(async to => {
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 根据上方小常识，以下关于前置路由守卫的说法不正确的是？<br/><br/>
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/9.\345\220\216\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/9.\345\220\216\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/exercises.md"
index 3c578eb7d2f68fa80fd5b860ed3ff55da40bcf3d..c0db7afa1878f7461ab4c1da9f3b5d1aacf3c195 100644
--- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/9.\345\220\216\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/9.\345\220\216\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/exercises.md"
@@ -1,6 +1,6 @@
 # 后置路由守卫
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **全局后置钩子**
@@ -34,9 +34,10 @@ router.afterEach((to, from, failure) => {
 调用全局的 afterEach 钩子。
 触发 DOM 更新。
 调用 beforeRouteEnter 守卫中传给 next 的回调函数，创建好的组件实例会作为回调函数的参数传入。
+
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 根据上方资料，以下关于后置路由守卫的说法不正确的是？<br/><br/>
diff --git "a/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/1.VueX\346\230\257\344\273\200\344\271\210\357\274\237/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/1.VueX\346\230\257\344\273\200\344\271\210\357\274\237/exercises.md"
index 7f57aab37c2d512b2597232e7f999416086f0832..8a11ef250aafbeb455399325b86b345e564f7664 100644
--- "a/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/1.VueX\346\230\257\344\273\200\344\271\210\357\274\237/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/1.VueX\346\230\257\344\273\200\344\271\210\357\274\237/exercises.md"
@@ -1,6 +1,6 @@
 # VueX是什么
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **什么是vuex**
@@ -9,6 +9,7 @@ Vuex是实现组件全局状态（数据）管理的一种机制，可以方便
 **状态管理模式**
 
 让我们从一个简单的 Vue 计数应用开始：
+
 ```javascript
 const Counter = {
   // 状态
@@ -31,12 +32,14 @@ const Counter = {
 
 createApp(Counter).mount('#app')
 ```
+
 这个状态自管理应用包含以下几个部分：
 
 状态，驱动应用的数据源；
 视图，以声明方式将状态映射到视图；
 操作，响应在视图上的用户输入导致的状态变化。
 以下是一个表示“单向数据流”理念的简单示意：
+
 <br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/1aff3691c4c24274bf9d93ae04269acd.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_18,color_FFFFFF,t_70,g_se,x_16)
 <br/>
 但是，当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：
@@ -61,7 +64,7 @@ C.存储在vuex中的数据是响应式的，当数据发生改变时，页面
 
 <br>
 
-<div style="color: pink;">小测试：</div >
+<div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 根据上方小常识，以下关于VueX的说法不正确的是？<br/><br/>
diff --git "a/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/2.Vuex\347\232\204\345\256\211\350\243\205\344\270\216\351\205\215\347\275\256/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/2.Vuex\347\232\204\345\256\211\350\243\205\344\270\216\351\205\215\347\275\256/exercises.md"
index e63938f2155d9781315fe2b4ee6fe8276782926a..967e2c942cf0cd5a8eec0dd5385615d0a3984132 100644
--- "a/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/2.Vuex\347\232\204\345\256\211\350\243\205\344\270\216\351\205\215\347\275\256/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/2.Vuex\347\232\204\345\256\211\350\243\205\344\270\216\351\205\215\347\275\256/exercises.md"
@@ -1,6 +1,6 @@
 # VueX的安装与配置
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **安装**
@@ -108,7 +108,7 @@ export defult{
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 根据上方资料，以下说法不正确的是？<br/><br/>
diff --git "a/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/3.VueX\347\232\204\346\240\270\345\277\203\345\206\205\345\256\271/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/3.VueX\347\232\204\346\240\270\345\277\203\345\206\205\345\256\271/exercises.md"
index 6371c5660eb06a92c9fa65820921b82ebad78a87..2c7f82a6edcf934a1bb0dae60c173fda518619a4 100644
--- "a/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/3.VueX\347\232\204\346\240\270\345\277\203\345\206\205\345\256\271/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/3.VueX\347\232\204\346\240\270\345\277\203\345\206\205\345\256\271/exercises.md"
@@ -1,6 +1,6 @@
 # VueX核心内容
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **State**
@@ -171,7 +171,7 @@ computed:{
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 根据上方资料，以下关于vuex的核心功能说法不正确的是？<br/><br/>
diff --git "a/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/4.\347\273\204\345\220\210\345\274\217API/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/4.\347\273\204\345\220\210\345\274\217API/exercises.md"
index 9e6273598b137fcc31363302e63c542739b1af88..0422cf5e06909eb4a8fff8c90f456600482b1cbe 100644
--- "a/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/4.\347\273\204\345\220\210\345\274\217API/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/3.VueX\347\212\266\346\200\201\347\256\241\347\220\206/4.\347\273\204\345\220\210\345\274\217API/exercises.md"
@@ -1,6 +1,6 @@
 # 组合式API
 
-<div style="color: pink;">小常识：</div>
+<div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **组合式API**
@@ -63,7 +63,7 @@ export default {
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 关于vuex的说法不正确的是？<br/><br/>
diff --git "a/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/1.vue-cli\350\204\232\346\211\213\346\236\266\345\256\211\350\243\205/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/1.vue-cli\350\204\232\346\211\213\346\236\266\345\256\211\350\243\205/exercises.md"
index dffff989e5a737631dd59f26adf73d344db2eb6f..5c348ed644a484475436d05380c0527b3562b3f3 100644
--- "a/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/1.vue-cli\350\204\232\346\211\213\346\236\266\345\256\211\350\243\205/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/1.vue-cli\350\204\232\346\211\213\346\236\266\345\256\211\350\243\205/exercises.md"
@@ -1,6 +1,6 @@
 # vue-cli脚手架安装
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **介绍**
@@ -66,7 +66,7 @@ vue -V
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/2.\351\200\232\350\277\207\350\204\232\346\211\213\346\236\266\346\236\204\345\273\272\351\241\271\347\233\256/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/2.\351\200\232\350\277\207\350\204\232\346\211\213\346\236\266\346\236\204\345\273\272\351\241\271\347\233\256/exercises.md"
index 7d1704b98bfc0e40bb973da9c719eeeffd7e7319..67a8af7434525fb699528f7332238e2812b6c36e 100644
--- "a/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/2.\351\200\232\350\277\207\350\204\232\346\211\213\346\236\266\346\236\204\345\273\272\351\241\271\347\233\256/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/2.\351\200\232\350\277\207\350\204\232\346\211\213\346\236\266\346\236\204\345\273\272\351\241\271\347\233\256/exercises.md"
@@ -1,6 +1,6 @@
 # 通过脚手架创建项目
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 **创建Vue项目**
@@ -43,7 +43,7 @@
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/3.vue-cli\346\234\215\345\212\241\345\221\275\344\273\244/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/3.vue-cli\346\234\215\345\212\241\345\221\275\344\273\244/exercises.md"
index 81806c6b5c2acbc94702621f78bd210742c30478..50d9ad401e578080420ec2519a49e7cc9a465872 100644
--- "a/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/3.vue-cli\346\234\215\345\212\241\345\221\275\344\273\244/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/3.vue-cli\346\234\215\345\212\241\345\221\275\344\273\244/exercises.md"
@@ -1,6 +1,6 @@
 # 路由安装
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 在一个 Vue CLI 项目中，`@vue/cli-service` 安装了一个名为 vue-cli-service 的命令。你可以在 `npm scripts` 中以 `vue-cli-service`、或者从终端中以 `./node_modules/.bin/vue-cli-service` 访问这个命令。
@@ -148,7 +148,7 @@ thread-loader 会在多核 CPU 的机器上为 Babel/TypeScript 转译开启。
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/4.vue.config.js\347\232\204\351\205\215\347\275\256/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/4.vue.config.js\347\232\204\351\205\215\347\275\256/exercises.md"
index 908b599df50473dc874aabceaf6314089efaa3e2..61b8b0551ed424777fcfa52a94f33d65a04dbded 100644
--- "a/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/4.vue.config.js\347\232\204\351\205\215\347\275\256/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/4.vue.config.js\347\232\204\351\205\215\347\275\256/exercises.md"
@@ -1,6 +1,6 @@
 # vue.config.js的配置
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
 当我们使用cli脚手架创建好vue项目后，我们还需要新建一个js文件  `vue.config.js` 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。
@@ -41,7 +41,7 @@
 等等等等
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/5.ESLint\350\257\255\346\263\225\350\247\204\345\210\231\346\217\222\344\273\266\351\205\215\347\275\256/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/5.ESLint\350\257\255\346\263\225\350\247\204\345\210\231\346\217\222\344\273\266\351\205\215\347\275\256/exercises.md"
index a57df72d1f7dd96b91213de79e82ad3b75ab88e9..e27cf5fc60d601bba8556f4b0985685243e8447d 100644
--- "a/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/5.ESLint\350\257\255\346\263\225\350\247\204\345\210\231\346\217\222\344\273\266\351\205\215\347\275\256/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/4.Vue-cli/5.ESLint\350\257\255\346\263\225\350\247\204\345\210\231\346\217\222\344\273\266\351\205\215\347\275\256/exercises.md"
@@ -1,6 +1,6 @@
 # ESLint语法规则插件配置
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
 <br>
 
  在我们使用Vue脚手架 创建项目时 尤其是团队共同开发项目时 会按照一个共同的代码规范来编程 创建Vue脚手架中有一个.eslintrc.js格式 但是在编程中我们通常会使用 shift+alt+f 进行代码格式化  但是由于格式化后的代码 与Vue中的.eslintrc规范不协调  尤其是 “” ； 以及空格的把控   
@@ -43,7 +43,7 @@
 
 <br>
 
- <div style="color: pink;">小测试：</div >
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 
 
 
diff --git "a/data/2.Vue\344\270\255\351\230\266/7.\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/1.\346\263\250\345\206\214\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/7.\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/1.\346\263\250\345\206\214\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/exercises.md"
index 39849e426748992274d14cb5dc39e7a819a1bb70..01b1d962ded95ebf2f228ea7e7bfd42af9949d9e 100644
--- "a/data/2.Vue\344\270\255\351\230\266/7.\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/1.\346\263\250\345\206\214\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/exercises.md"
+++ "b/data/2.Vue\344\270\255\351\230\266/7.\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/1.\346\263\250\345\206\214\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/exercises.md"
@@ -1,6 +1,6 @@
 # Vue指令
 
- <div style="color: pink;font-size:24px">小常识：</div>
+ <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
  
 我们通常用的文本框当我们进入页面后需要点击后才会获取焦点的，但是我们可以自定义一个指令为 input ，当页面进入后自动获取焦点，下面就是一个简单的自定义指令的小案例啦  大家可以尝试一下哦！
 ```javascript
@@ -49,7 +49,7 @@ Vue.directive('focus', {
 
 <br>
 
- <div style="color: blue;font-size:24px">小测试：</div>
+ <div style="color: blue;font-size:22px;font-weight:700">小测试：</div>
 vue的自定义指令错误的是？<br/><br/>
 
 ## 答案