chore: update readme

webfansplz · webfansplz · commit 22146cda1395 · 2022-07-05T15:56:42.000Z
diff --git a/README.md b/README.md
diff --git a/README.zh-CN.md b/README.zh-CN.md
diff --git a/questions/208-tree-component/README.md b/questions/208-tree-component/README.md
@@ -1,4 +1,4 @@
-<!--info-header-start--><h1>Tree Component <img src="https://img.shields.io/badge/-hard-de3d37" alt="hard"/> <img src="https://img.shields.io/badge/-%23Components-999" alt="#Components"/></h1><blockquote><p>By 木荣 <a href="https://github.com/murongg" target="_blank">@murongg</a></p></blockquote><p><a href="https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cCBsYW5nPVwidHNcIj5cclxuaW1wb3J0IHsgcmVmIH0gZnJvbSBcInZ1ZVwiXHJcbmltcG9ydCBUcmVlQ29tcG9uZW50IGZyb20gXCIuL1RyZWVDb21wb25lbnQudnVlXCJcclxuY29uc3QgdHJlZURhdGEgPSByZWYoW3tcclxuICBrZXk6ICcxJyxcclxuICB0aXRsZTogJ1BhcmVudCAxJyxcclxuICBjaGlsZHJlbjogW3tcclxuICAgIGtleTogJzEtMScsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDEnLFxyXG4gIH0sIHtcclxuICAgIGtleTogJzEtMicsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDInLFxyXG4gICAgY2hpbGRyZW46IFt7XHJcbiAgICAgIGtleTogJzEtMi0xJyxcclxuICAgICAgdGl0bGU6ICdncmFuZGNoaWxkIDEnLFxyXG4gICAgfSwge1xyXG4gICAgICBrZXk6ICcxLTItMicsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAyJyxcclxuICAgIH0sXVxyXG4gIH0sXVxyXG59LCB7XHJcbiAga2V5OiAnMicsXHJcbiAgdGl0bGU6ICdQYXJlbnQgMicsXHJcbiAgY2hpbGRyZW46IFt7XHJcbiAgICBrZXk6ICcyLTEnLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAxJyxcclxuICAgIGNoaWxkcmVuOiBbe1xyXG4gICAgICBrZXk6ICcyLTEtMScsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAxJyxcclxuICAgIH0sIHtcclxuICAgICAga2V5OiAnMi0xLTInLFxyXG4gICAgICB0aXRsZTogJ2dyYW5kY2hpbGQgMicsXHJcbiAgICB9LF1cclxuICB9LCB7XHJcbiAgICBrZXk6ICcyLTInLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAyJyxcclxuICB9LF1cclxufV0pXHJcbjwvc2NyaXB0PlxyXG5cclxuPHRlbXBsYXRlPlxyXG4gIDxUcmVlQ29tcG9uZW50IDpkYXRhPVwidHJlZURhdGFcIiAvPlxyXG48L3RlbXBsYXRlPlxyXG4iLCJUcmVlQ29tcG9uZW50LnZ1ZSI6IjxzY3JpcHQgc2V0dXAgbGFuZz1cInRzXCI+XHJcbmludGVyZmFjZSBUcmVlRGF0YSB7XHJcbiAga2V5OiBzdHJpbmdcclxuICB0aXRsZTogc3RyaW5nXHJcbiAgY2hpbGRyZW46IFRyZWVEYXRhW11cclxufVxyXG4gZGVmaW5lUHJvcHM8e2RhdGE6IFRyZWVEYXRhfT4oKVxyXG48L3NjcmlwdD5cclxuXHJcbjx0ZW1wbGF0ZT5cclxuICA8IS0tIGRvIHNvbWV0aGluZy4uLi4gLS0+XHJcbjwvdGVtcGxhdGU+In0=" target="_blank"><img src="https://img.shields.io/badge/-Take%20the%20Challenge-213547?logo=vue.js&logoColor=42b883" alt="Take the Challenge"/></a> &nbsp;&nbsp;&nbsp;<a href="./README.zh-CN.md" target="_blank"><img src="https://img.shields.io/badge/-%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-gray" alt="简体中文"/></a> </p><!--info-header-end-->
+<!--info-header-start--><h1>Tree Component <img src="https://img.shields.io/badge/-hard-de3d37" alt="hard"/> <img src="https://img.shields.io/badge/-%23Components-999" alt="#Components"/></h1><blockquote><p>By 木荣 <a href="https://github.com/murongg" target="_blank">@murongg</a></p></blockquote><p><a href="https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cCBsYW5nPVwidHNcIj5cclxuaW1wb3J0IHsgcmVmIH0gZnJvbSBcInZ1ZVwiXHJcbmltcG9ydCBUcmVlQ29tcG9uZW50IGZyb20gXCIuL1RyZWVDb21wb25lbnQudnVlXCJcclxuY29uc3QgdHJlZURhdGEgPSByZWYoW3tcclxuICBrZXk6ICcxJyxcclxuICB0aXRsZTogJ1BhcmVudCAxJyxcclxuICBjaGlsZHJlbjogW3tcclxuICAgIGtleTogJzEtMScsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDEnLFxyXG4gIH0sIHtcclxuICAgIGtleTogJzEtMicsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDInLFxyXG4gICAgY2hpbGRyZW46IFt7XHJcbiAgICAgIGtleTogJzEtMi0xJyxcclxuICAgICAgdGl0bGU6ICdncmFuZGNoaWxkIDEnLFxyXG4gICAgfSwge1xyXG4gICAgICBrZXk6ICcxLTItMicsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAyJyxcclxuICAgIH0sXVxyXG4gIH0sXVxyXG59LCB7XHJcbiAga2V5OiAnMicsXHJcbiAgdGl0bGU6ICdQYXJlbnQgMicsXHJcbiAgY2hpbGRyZW46IFt7XHJcbiAgICBrZXk6ICcyLTEnLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAxJyxcclxuICAgIGNoaWxkcmVuOiBbe1xyXG4gICAgICBrZXk6ICcyLTEtMScsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAxJyxcclxuICAgIH0sIHtcclxuICAgICAga2V5OiAnMi0xLTInLFxyXG4gICAgICB0aXRsZTogJ2dyYW5kY2hpbGQgMicsXHJcbiAgICB9LF1cclxuICB9LCB7XHJcbiAgICBrZXk6ICcyLTInLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAyJyxcclxuICB9LF1cclxufV0pXHJcbjwvc2NyaXB0PlxyXG5cclxuPHRlbXBsYXRlPlxyXG4gIDxUcmVlQ29tcG9uZW50IDpkYXRhPVwidHJlZURhdGFcIiAvPlxyXG48L3RlbXBsYXRlPlxyXG4iLCJUcmVlQ29tcG9uZW50LnZ1ZSI6IjxzY3JpcHQgc2V0dXAgbGFuZz1cInRzXCI+XHJcbmludGVyZmFjZSBUcmVlRGF0YSB7XHJcbiAga2V5OiBzdHJpbmdcclxuICB0aXRsZTogc3RyaW5nXHJcbiAgY2hpbGRyZW46IFRyZWVEYXRhW11cclxufVxyXG5kZWZpbmVQcm9wczx7ZGF0YTogVHJlZURhdGF9PigpXHJcbjwvc2NyaXB0PlxyXG5cclxuPHRlbXBsYXRlPlxyXG4gIDwhLS0gZG8gc29tZXRoaW5nLi4uLiAtLT5cclxuPC90ZW1wbGF0ZT5cclxuIn0=" target="_blank"><img src="https://img.shields.io/badge/-Take%20the%20Challenge-213547?logo=vue.js&logoColor=42b883" alt="Take the Challenge"/></a> &nbsp;&nbsp;&nbsp;<a href="./README.zh-CN.md" target="_blank"><img src="https://img.shields.io/badge/-%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-gray" alt="简体中文"/></a> </p><!--info-header-end-->
 
 For this challenge, you need to implement a tree component, let’s go.
 
diff --git a/questions/208-tree-component/README.zh-CN.md b/questions/208-tree-component/README.zh-CN.md
@@ -1,4 +1,4 @@
-<!--info-header-start--><h1>树组件 <img src="https://img.shields.io/badge/-%E5%9B%B0%E9%9A%BE-de3d37" alt="困难"/> <img src="https://img.shields.io/badge/-%23Components-999" alt="#Components"/></h1><blockquote><p>By 木荣 <a href="https://github.com/murongg" target="_blank">@murongg</a></p></blockquote><p><a href="https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cCBsYW5nPVwidHNcIj5cclxuaW1wb3J0IHsgcmVmIH0gZnJvbSBcInZ1ZVwiXHJcbmltcG9ydCBUcmVlQ29tcG9uZW50IGZyb20gXCIuL1RyZWVDb21wb25lbnQudnVlXCJcclxuY29uc3QgdHJlZURhdGEgPSByZWYoW3tcclxuICBrZXk6ICcxJyxcclxuICB0aXRsZTogJ1BhcmVudCAxJyxcclxuICBjaGlsZHJlbjogW3tcclxuICAgIGtleTogJzEtMScsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDEnLFxyXG4gIH0sIHtcclxuICAgIGtleTogJzEtMicsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDInLFxyXG4gICAgY2hpbGRyZW46IFt7XHJcbiAgICAgIGtleTogJzEtMi0xJyxcclxuICAgICAgdGl0bGU6ICdncmFuZGNoaWxkIDEnLFxyXG4gICAgfSwge1xyXG4gICAgICBrZXk6ICcxLTItMicsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAyJyxcclxuICAgIH0sXVxyXG4gIH0sXVxyXG59LCB7XHJcbiAga2V5OiAnMicsXHJcbiAgdGl0bGU6ICdQYXJlbnQgMicsXHJcbiAgY2hpbGRyZW46IFt7XHJcbiAgICBrZXk6ICcyLTEnLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAxJyxcclxuICAgIGNoaWxkcmVuOiBbe1xyXG4gICAgICBrZXk6ICcyLTEtMScsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAxJyxcclxuICAgIH0sIHtcclxuICAgICAga2V5OiAnMi0xLTInLFxyXG4gICAgICB0aXRsZTogJ2dyYW5kY2hpbGQgMicsXHJcbiAgICB9LF1cclxuICB9LCB7XHJcbiAgICBrZXk6ICcyLTInLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAyJyxcclxuICB9LF1cclxufV0pXHJcbjwvc2NyaXB0PlxyXG5cclxuPHRlbXBsYXRlPlxyXG4gIDxUcmVlQ29tcG9uZW50IDpkYXRhPVwidHJlZURhdGFcIiAvPlxyXG48L3RlbXBsYXRlPlxyXG4iLCJUcmVlQ29tcG9uZW50LnZ1ZSI6IjxzY3JpcHQgc2V0dXAgbGFuZz1cInRzXCI+XHJcbmludGVyZmFjZSBUcmVlRGF0YSB7XHJcbiAga2V5OiBzdHJpbmdcclxuICB0aXRsZTogc3RyaW5nXHJcbiAgY2hpbGRyZW46IFRyZWVEYXRhW11cclxufVxyXG4gZGVmaW5lUHJvcHM8e2RhdGE6IFRyZWVEYXRhfT4oKVxyXG48L3NjcmlwdD5cclxuXHJcbjx0ZW1wbGF0ZT5cclxuICA8IS0tIGRvIHNvbWV0aGluZy4uLi4gLS0+XHJcbjwvdGVtcGxhdGU+In0=" target="_blank"><img src="https://img.shields.io/badge/-%E6%8E%A5%E5%8F%97%E6%8C%91%E6%88%98-213547?logo=vue.js&logoColor=42b883" alt="接受挑战"/></a> &nbsp;&nbsp;&nbsp;<a href="./README.md" target="_blank"><img src="https://img.shields.io/badge/-English-gray" alt="English"/></a> </p><!--info-header-end-->
+<!--info-header-start--><h1>树组件 <img src="https://img.shields.io/badge/-%E5%9B%B0%E9%9A%BE-de3d37" alt="困难"/> <img src="https://img.shields.io/badge/-%23Components-999" alt="#Components"/></h1><blockquote><p>By 木荣 <a href="https://github.com/murongg" target="_blank">@murongg</a></p></blockquote><p><a href="https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cCBsYW5nPVwidHNcIj5cclxuaW1wb3J0IHsgcmVmIH0gZnJvbSBcInZ1ZVwiXHJcbmltcG9ydCBUcmVlQ29tcG9uZW50IGZyb20gXCIuL1RyZWVDb21wb25lbnQudnVlXCJcclxuY29uc3QgdHJlZURhdGEgPSByZWYoW3tcclxuICBrZXk6ICcxJyxcclxuICB0aXRsZTogJ1BhcmVudCAxJyxcclxuICBjaGlsZHJlbjogW3tcclxuICAgIGtleTogJzEtMScsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDEnLFxyXG4gIH0sIHtcclxuICAgIGtleTogJzEtMicsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDInLFxyXG4gICAgY2hpbGRyZW46IFt7XHJcbiAgICAgIGtleTogJzEtMi0xJyxcclxuICAgICAgdGl0bGU6ICdncmFuZGNoaWxkIDEnLFxyXG4gICAgfSwge1xyXG4gICAgICBrZXk6ICcxLTItMicsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAyJyxcclxuICAgIH0sXVxyXG4gIH0sXVxyXG59LCB7XHJcbiAga2V5OiAnMicsXHJcbiAgdGl0bGU6ICdQYXJlbnQgMicsXHJcbiAgY2hpbGRyZW46IFt7XHJcbiAgICBrZXk6ICcyLTEnLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAxJyxcclxuICAgIGNoaWxkcmVuOiBbe1xyXG4gICAgICBrZXk6ICcyLTEtMScsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAxJyxcclxuICAgIH0sIHtcclxuICAgICAga2V5OiAnMi0xLTInLFxyXG4gICAgICB0aXRsZTogJ2dyYW5kY2hpbGQgMicsXHJcbiAgICB9LF1cclxuICB9LCB7XHJcbiAgICBrZXk6ICcyLTInLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAyJyxcclxuICB9LF1cclxufV0pXHJcbjwvc2NyaXB0PlxyXG5cclxuPHRlbXBsYXRlPlxyXG4gIDxUcmVlQ29tcG9uZW50IDpkYXRhPVwidHJlZURhdGFcIiAvPlxyXG48L3RlbXBsYXRlPlxyXG4iLCJUcmVlQ29tcG9uZW50LnZ1ZSI6IjxzY3JpcHQgc2V0dXAgbGFuZz1cInRzXCI+XHJcbmludGVyZmFjZSBUcmVlRGF0YSB7XHJcbiAga2V5OiBzdHJpbmdcclxuICB0aXRsZTogc3RyaW5nXHJcbiAgY2hpbGRyZW46IFRyZWVEYXRhW11cclxufVxyXG5kZWZpbmVQcm9wczx7ZGF0YTogVHJlZURhdGF9PigpXHJcbjwvc2NyaXB0PlxyXG5cclxuPHRlbXBsYXRlPlxyXG4gIDwhLS0gZG8gc29tZXRoaW5nLi4uLiAtLT5cclxuPC90ZW1wbGF0ZT5cclxuIn0=" target="_blank"><img src="https://img.shields.io/badge/-%E6%8E%A5%E5%8F%97%E6%8C%91%E6%88%98-213547?logo=vue.js&logoColor=42b883" alt="接受挑战"/></a> &nbsp;&nbsp;&nbsp;<a href="./README.md" target="_blank"><img src="https://img.shields.io/badge/-English-gray" alt="English"/></a> </p><!--info-header-end-->
 
 
 在这个挑战中，你需要实现一个树组件，让我们开始吧。
diff --git a/questions/232-key-modifiers/README.md b/questions/232-key-modifiers/README.md
@@ -1,5 +1,4 @@
-<!--info-header-start-->
-<!--info-header-end-->
+<!--info-header-start--><h1>Key Modifiers <img src="https://img.shields.io/badge/-medium-d9901a" alt="medium"/> <img src="https://img.shields.io/badge/-%23Event%20Handling-999" alt="#Event Handling"/></h1><blockquote><p>By webfansplz <a href="https://github.com/webfansplz" target="_blank">@webfansplz</a></p></blockquote><p><a href="https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxyXG4gIDwhLS0gQWRkIGtleSBtb2RpZmllcnMgbWFkZSB0aGlzIHdpbGwgZmlyZSBldmVuIGlmIEFsdCBvciBTaGlmdCBpcyBhbHNvIHByZXNzZWQgLS0+XHJcbjxidXR0b24gQGNsaWNrPVwib25DbGljazFcIj5BPC9idXR0b24+XHJcblxyXG48IS0tIEFkZCBrZXkgbW9kaWZpZXJzIG1hZGUgdGhpcyB3aWxsIG9ubHkgZmlyZSB3aGVuIFNoaWZ0IGFuZCBubyBvdGhlciBrZXlzIGFyZSBwcmVzc2VkIC0tPlxyXG48YnV0dG9uIEBjbGljaz1cIm9uQ3RybENsaWNrXCI+QTwvYnV0dG9uPlxyXG5cclxuPCEtLSBBZGQga2V5IG1vZGlmaWVycyBtYWRlIHRoaXMgd2lsbCBvbmx5IGZpcmUgd2hlbiBubyBzeXN0ZW0gbW9kaWZpZXJzIGFyZSBwcmVzc2VkIC0tPlxyXG48YnV0dG9uIEBjbGljaz1cIm9uQ2xpY2syXCI+QTwvYnV0dG9uPlxyXG48L3RlbXBsYXRlPlxyXG5cclxuPHNjcmlwdCBzZXR1cD5cclxuICBmdW5jdGlvbiBvbkNsaWNrMSgpe1xyXG4gICAgY29uc29sZS5sb2coJ29uQ2xpY2sxJylcclxuICB9XHJcbiAgZnVuY3Rpb24gb25DdHJsQ2xpY2soKXtcclxuICAgIGNvbnNvbGUubG9nKCdvbkN0cmxDbGljaycpXHJcbiAgfVxyXG4gIGZ1bmN0aW9uIG9uQ2xpY2syKCl7XHJcbiAgICBjb25zb2xlLmxvZygnb25DbGljazInKVxyXG4gIH1cclxuPC9zY3JpcHQ+In0=" target="_blank"><img src="https://img.shields.io/badge/-Take%20the%20Challenge-213547?logo=vue.js&logoColor=42b883" alt="Take the Challenge"/></a> &nbsp;&nbsp;&nbsp;<a href="./README.zh-CN.md" target="_blank"><img src="https://img.shields.io/badge/-%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-gray" alt="简体中文"/></a> </p><!--info-header-end-->
 
 
 When listening for keyboard events, we often need to check for specific keys. Vue allows adding key modifiers for v-on or @ when listening for key events,e.g. :
@@ -25,5 +24,4 @@ For this challenges,we'll try something about it,let's go :
 ```
 
 
-<!--info-footer-start-->
-<!--info-footer-end-->
+<!--info-footer-start--><br><a href="../../README.md" target="_blank"><img src="https://img.shields.io/badge/-Back-grey" alt="Back"/></a> <a href="https://github.com/webfansplz/vuejs-challenges/issues/new?labels=answer,en&template=0-answer.md&title=232%20-%20Key%20Modifiers" target="_blank"><img src="https://img.shields.io/badge/-Share%20your%20Solutions-teal" alt="Share your Solutions"/></a> <a href="https://github.com/webfansplz/vuejs-challenges/issues?q=label%3A232+label%3Aanswer" target="_blank"><img src="https://img.shields.io/badge/-Check%20out%20Solutions-de5a77?logo=awesome-lists&logoColor=white" alt="Check out Solutions"/></a> <!--info-footer-end-->
diff --git a/questions/232-key-modifiers/README.zh-CN.md b/questions/232-key-modifiers/README.zh-CN.md
@@ -1,5 +1,4 @@
-<!--info-header-start-->
-<!--info-header-end-->
+<!--info-header-start--><h1>按键修饰符 <img src="https://img.shields.io/badge/-%E4%B8%AD%E7%AD%89-d9901a" alt="中等"/> <img src="https://img.shields.io/badge/-%23Event%20Handling-999" alt="#Event Handling"/></h1><blockquote><p>By webfansplz <a href="https://github.com/webfansplz" target="_blank">@webfansplz</a></p></blockquote><p><a href="https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxyXG4gIDwhLS0gQWRkIGtleSBtb2RpZmllcnMgbWFkZSB0aGlzIHdpbGwgZmlyZSBldmVuIGlmIEFsdCBvciBTaGlmdCBpcyBhbHNvIHByZXNzZWQgLS0+XHJcbjxidXR0b24gQGNsaWNrPVwib25DbGljazFcIj5BPC9idXR0b24+XHJcblxyXG48IS0tIEFkZCBrZXkgbW9kaWZpZXJzIG1hZGUgdGhpcyB3aWxsIG9ubHkgZmlyZSB3aGVuIFNoaWZ0IGFuZCBubyBvdGhlciBrZXlzIGFyZSBwcmVzc2VkIC0tPlxyXG48YnV0dG9uIEBjbGljaz1cIm9uQ3RybENsaWNrXCI+QTwvYnV0dG9uPlxyXG5cclxuPCEtLSBBZGQga2V5IG1vZGlmaWVycyBtYWRlIHRoaXMgd2lsbCBvbmx5IGZpcmUgd2hlbiBubyBzeXN0ZW0gbW9kaWZpZXJzIGFyZSBwcmVzc2VkIC0tPlxyXG48YnV0dG9uIEBjbGljaz1cIm9uQ2xpY2syXCI+QTwvYnV0dG9uPlxyXG48L3RlbXBsYXRlPlxyXG5cclxuPHNjcmlwdCBzZXR1cD5cclxuICBmdW5jdGlvbiBvbkNsaWNrMSgpe1xyXG4gICAgY29uc29sZS5sb2coJ29uQ2xpY2sxJylcclxuICB9XHJcbiAgZnVuY3Rpb24gb25DdHJsQ2xpY2soKXtcclxuICAgIGNvbnNvbGUubG9nKCdvbkN0cmxDbGljaycpXHJcbiAgfVxyXG4gIGZ1bmN0aW9uIG9uQ2xpY2syKCl7XHJcbiAgICBjb25zb2xlLmxvZygnb25DbGljazInKVxyXG4gIH1cclxuPC9zY3JpcHQ+In0=" target="_blank"><img src="https://img.shields.io/badge/-%E6%8E%A5%E5%8F%97%E6%8C%91%E6%88%98-213547?logo=vue.js&logoColor=42b883" alt="接受挑战"/></a> &nbsp;&nbsp;&nbsp;<a href="./README.md" target="_blank"><img src="https://img.shields.io/badge/-English-gray" alt="English"/></a> </p><!--info-header-end-->
 
 
 在监听键盘事件时，我们经常需要检查特定的按键。Vue 允许为 v-on 或者 @ 在监听键盘事件时添加按键修饰符：，例如：
@@ -26,5 +25,4 @@
 ```
 
 
-<!--info-footer-start-->
-<!--info-footer-end-->
+<!--info-footer-start--><br><a href="../../README.zh-CN.md" target="_blank"><img src="https://img.shields.io/badge/-%E8%BF%94%E5%9B%9E%E9%A6%96%E9%A1%B5-grey" alt="返回首页"/></a> <a href="https://github.com/webfansplz/vuejs-challenges/issues/new?labels=answer,zh-CN&template=1-answer.zh-CN.md&title=232%20-%20%E6%8C%89%E9%94%AE%E4%BF%AE%E9%A5%B0%E7%AC%A6" target="_blank"><img src="https://img.shields.io/badge/-%E5%88%86%E4%BA%AB%E4%BD%A0%E7%9A%84%E8%A7%A3%E7%AD%94-teal" alt="分享你的解答"/></a> <a href="https://github.com/webfansplz/vuejs-challenges/issues?q=label%3A232+label%3Aanswer" target="_blank"><img src="https://img.shields.io/badge/-%E6%9F%A5%E7%9C%8B%E8%A7%A3%E7%AD%94-de5a77?logo=awesome-lists&logoColor=white" alt="查看解答"/></a> <!--info-footer-end-->

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		-<!--info-header-start--><h1>Tree Component <img src="https://img.shields.io/badge/-hard-de3d37" alt="hard"/> <img src="https://img.shields.io/badge/-%23Components-999" alt="#Components"/></h1><blockquote><p>By 木荣 <a href="https://github.com/murongg" target="_blank">@murongg</a></p></blockquote><p><a href="https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cCBsYW5nPVwidHNcIj5cclxuaW1wb3J0IHsgcmVmIH0gZnJvbSBcInZ1ZVwiXHJcbmltcG9ydCBUcmVlQ29tcG9uZW50IGZyb20gXCIuL1RyZWVDb21wb25lbnQudnVlXCJcclxuY29uc3QgdHJlZURhdGEgPSByZWYoW3tcclxuICBrZXk6ICcxJyxcclxuICB0aXRsZTogJ1BhcmVudCAxJyxcclxuICBjaGlsZHJlbjogW3tcclxuICAgIGtleTogJzEtMScsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDEnLFxyXG4gIH0sIHtcclxuICAgIGtleTogJzEtMicsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDInLFxyXG4gICAgY2hpbGRyZW46IFt7XHJcbiAgICAgIGtleTogJzEtMi0xJyxcclxuICAgICAgdGl0bGU6ICdncmFuZGNoaWxkIDEnLFxyXG4gICAgfSwge1xyXG4gICAgICBrZXk6ICcxLTItMicsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAyJyxcclxuICAgIH0sXVxyXG4gIH0sXVxyXG59LCB7XHJcbiAga2V5OiAnMicsXHJcbiAgdGl0bGU6ICdQYXJlbnQgMicsXHJcbiAgY2hpbGRyZW46IFt7XHJcbiAgICBrZXk6ICcyLTEnLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAxJyxcclxuICAgIGNoaWxkcmVuOiBbe1xyXG4gICAgICBrZXk6ICcyLTEtMScsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAxJyxcclxuICAgIH0sIHtcclxuICAgICAga2V5OiAnMi0xLTInLFxyXG4gICAgICB0aXRsZTogJ2dyYW5kY2hpbGQgMicsXHJcbiAgICB9LF1cclxuICB9LCB7XHJcbiAgICBrZXk6ICcyLTInLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAyJyxcclxuICB9LF1cclxufV0pXHJcbjwvc2NyaXB0PlxyXG5cclxuPHRlbXBsYXRlPlxyXG4gIDxUcmVlQ29tcG9uZW50IDpkYXRhPVwidHJlZURhdGFcIiAvPlxyXG48L3RlbXBsYXRlPlxyXG4iLCJUcmVlQ29tcG9uZW50LnZ1ZSI6IjxzY3JpcHQgc2V0dXAgbGFuZz1cInRzXCI+XHJcbmludGVyZmFjZSBUcmVlRGF0YSB7XHJcbiAga2V5OiBzdHJpbmdcclxuICB0aXRsZTogc3RyaW5nXHJcbiAgY2hpbGRyZW46IFRyZWVEYXRhW11cclxufVxyXG4gZGVmaW5lUHJvcHM8e2RhdGE6IFRyZWVEYXRhfT4oKVxyXG48L3NjcmlwdD5cclxuXHJcbjx0ZW1wbGF0ZT5cclxuICA8IS0tIGRvIHNvbWV0aGluZy4uLi4gLS0+XHJcbjwvdGVtcGxhdGU+In0=" target="_blank"><img src="https://img.shields.io/badge/-Take%20the%20Challenge-213547?logo=vue.js&logoColor=42b883" alt="Take the Challenge"/></a>    <a href="./README.zh-CN.md" target="_blank"><img src="https://img.shields.io/badge/-%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-gray" alt="简体中文"/></a> </p><!--info-header-end-->
	`1`	+<!--info-header-start--><h1>Tree Component <img src="https://img.shields.io/badge/-hard-de3d37" alt="hard"/> <img src="https://img.shields.io/badge/-%23Components-999" alt="#Components"/></h1><blockquote><p>By 木荣 <a href="https://github.com/murongg" target="_blank">@murongg</a></p></blockquote><p><a href="https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cCBsYW5nPVwidHNcIj5cclxuaW1wb3J0IHsgcmVmIH0gZnJvbSBcInZ1ZVwiXHJcbmltcG9ydCBUcmVlQ29tcG9uZW50IGZyb20gXCIuL1RyZWVDb21wb25lbnQudnVlXCJcclxuY29uc3QgdHJlZURhdGEgPSByZWYoW3tcclxuICBrZXk6ICcxJyxcclxuICB0aXRsZTogJ1BhcmVudCAxJyxcclxuICBjaGlsZHJlbjogW3tcclxuICAgIGtleTogJzEtMScsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDEnLFxyXG4gIH0sIHtcclxuICAgIGtleTogJzEtMicsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDInLFxyXG4gICAgY2hpbGRyZW46IFt7XHJcbiAgICAgIGtleTogJzEtMi0xJyxcclxuICAgICAgdGl0bGU6ICdncmFuZGNoaWxkIDEnLFxyXG4gICAgfSwge1xyXG4gICAgICBrZXk6ICcxLTItMicsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAyJyxcclxuICAgIH0sXVxyXG4gIH0sXVxyXG59LCB7XHJcbiAga2V5OiAnMicsXHJcbiAgdGl0bGU6ICdQYXJlbnQgMicsXHJcbiAgY2hpbGRyZW46IFt7XHJcbiAgICBrZXk6ICcyLTEnLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAxJyxcclxuICAgIGNoaWxkcmVuOiBbe1xyXG4gICAgICBrZXk6ICcyLTEtMScsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAxJyxcclxuICAgIH0sIHtcclxuICAgICAga2V5OiAnMi0xLTInLFxyXG4gICAgICB0aXRsZTogJ2dyYW5kY2hpbGQgMicsXHJcbiAgICB9LF1cclxuICB9LCB7XHJcbiAgICBrZXk6ICcyLTInLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAyJyxcclxuICB9LF1cclxufV0pXHJcbjwvc2NyaXB0PlxyXG5cclxuPHRlbXBsYXRlPlxyXG4gIDxUcmVlQ29tcG9uZW50IDpkYXRhPVwidHJlZURhdGFcIiAvPlxyXG48L3RlbXBsYXRlPlxyXG4iLCJUcmVlQ29tcG9uZW50LnZ1ZSI6IjxzY3JpcHQgc2V0dXAgbGFuZz1cInRzXCI+XHJcbmludGVyZmFjZSBUcmVlRGF0YSB7XHJcbiAga2V5OiBzdHJpbmdcclxuICB0aXRsZTogc3RyaW5nXHJcbiAgY2hpbGRyZW46IFRyZWVEYXRhW11cclxufVxyXG5kZWZpbmVQcm9wczx7ZGF0YTogVHJlZURhdGF9PigpXHJcbjwvc2NyaXB0PlxyXG5cclxuPHRlbXBsYXRlPlxyXG4gIDwhLS0gZG8gc29tZXRoaW5nLi4uLiAtLT5cclxuPC90ZW1wbGF0ZT5cclxuIn0=" target="_blank"><img src="https://img.shields.io/badge/-Take%20the%20Challenge-213547?logo=vue.js&logoColor=42b883" alt="Take the Challenge"/></a>    <a href="./README.zh-CN.md" target="_blank"><img src="https://img.shields.io/badge/-%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-gray" alt="简体中文"/></a> </p><!--info-header-end-->
`2`	`2`
`3`	`3`	`For this challenge, you need to implement a tree component, let’s go.`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		-<!--info-header-start--><h1>树组件 <img src="https://img.shields.io/badge/-%E5%9B%B0%E9%9A%BE-de3d37" alt="困难"/> <img src="https://img.shields.io/badge/-%23Components-999" alt="#Components"/></h1><blockquote><p>By 木荣 <a href="https://github.com/murongg" target="_blank">@murongg</a></p></blockquote><p><a href="https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cCBsYW5nPVwidHNcIj5cclxuaW1wb3J0IHsgcmVmIH0gZnJvbSBcInZ1ZVwiXHJcbmltcG9ydCBUcmVlQ29tcG9uZW50IGZyb20gXCIuL1RyZWVDb21wb25lbnQudnVlXCJcclxuY29uc3QgdHJlZURhdGEgPSByZWYoW3tcclxuICBrZXk6ICcxJyxcclxuICB0aXRsZTogJ1BhcmVudCAxJyxcclxuICBjaGlsZHJlbjogW3tcclxuICAgIGtleTogJzEtMScsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDEnLFxyXG4gIH0sIHtcclxuICAgIGtleTogJzEtMicsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDInLFxyXG4gICAgY2hpbGRyZW46IFt7XHJcbiAgICAgIGtleTogJzEtMi0xJyxcclxuICAgICAgdGl0bGU6ICdncmFuZGNoaWxkIDEnLFxyXG4gICAgfSwge1xyXG4gICAgICBrZXk6ICcxLTItMicsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAyJyxcclxuICAgIH0sXVxyXG4gIH0sXVxyXG59LCB7XHJcbiAga2V5OiAnMicsXHJcbiAgdGl0bGU6ICdQYXJlbnQgMicsXHJcbiAgY2hpbGRyZW46IFt7XHJcbiAgICBrZXk6ICcyLTEnLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAxJyxcclxuICAgIGNoaWxkcmVuOiBbe1xyXG4gICAgICBrZXk6ICcyLTEtMScsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAxJyxcclxuICAgIH0sIHtcclxuICAgICAga2V5OiAnMi0xLTInLFxyXG4gICAgICB0aXRsZTogJ2dyYW5kY2hpbGQgMicsXHJcbiAgICB9LF1cclxuICB9LCB7XHJcbiAgICBrZXk6ICcyLTInLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAyJyxcclxuICB9LF1cclxufV0pXHJcbjwvc2NyaXB0PlxyXG5cclxuPHRlbXBsYXRlPlxyXG4gIDxUcmVlQ29tcG9uZW50IDpkYXRhPVwidHJlZURhdGFcIiAvPlxyXG48L3RlbXBsYXRlPlxyXG4iLCJUcmVlQ29tcG9uZW50LnZ1ZSI6IjxzY3JpcHQgc2V0dXAgbGFuZz1cInRzXCI+XHJcbmludGVyZmFjZSBUcmVlRGF0YSB7XHJcbiAga2V5OiBzdHJpbmdcclxuICB0aXRsZTogc3RyaW5nXHJcbiAgY2hpbGRyZW46IFRyZWVEYXRhW11cclxufVxyXG4gZGVmaW5lUHJvcHM8e2RhdGE6IFRyZWVEYXRhfT4oKVxyXG48L3NjcmlwdD5cclxuXHJcbjx0ZW1wbGF0ZT5cclxuICA8IS0tIGRvIHNvbWV0aGluZy4uLi4gLS0+XHJcbjwvdGVtcGxhdGU+In0=" target="_blank"><img src="https://img.shields.io/badge/-%E6%8E%A5%E5%8F%97%E6%8C%91%E6%88%98-213547?logo=vue.js&logoColor=42b883" alt="接受挑战"/></a>    <a href="./README.md" target="_blank"><img src="https://img.shields.io/badge/-English-gray" alt="English"/></a> </p><!--info-header-end-->
	`1`	+<!--info-header-start--><h1>树组件 <img src="https://img.shields.io/badge/-%E5%9B%B0%E9%9A%BE-de3d37" alt="困难"/> <img src="https://img.shields.io/badge/-%23Components-999" alt="#Components"/></h1><blockquote><p>By 木荣 <a href="https://github.com/murongg" target="_blank">@murongg</a></p></blockquote><p><a href="https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cCBsYW5nPVwidHNcIj5cclxuaW1wb3J0IHsgcmVmIH0gZnJvbSBcInZ1ZVwiXHJcbmltcG9ydCBUcmVlQ29tcG9uZW50IGZyb20gXCIuL1RyZWVDb21wb25lbnQudnVlXCJcclxuY29uc3QgdHJlZURhdGEgPSByZWYoW3tcclxuICBrZXk6ICcxJyxcclxuICB0aXRsZTogJ1BhcmVudCAxJyxcclxuICBjaGlsZHJlbjogW3tcclxuICAgIGtleTogJzEtMScsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDEnLFxyXG4gIH0sIHtcclxuICAgIGtleTogJzEtMicsXHJcbiAgICB0aXRsZTogJ2NoaWxkIDInLFxyXG4gICAgY2hpbGRyZW46IFt7XHJcbiAgICAgIGtleTogJzEtMi0xJyxcclxuICAgICAgdGl0bGU6ICdncmFuZGNoaWxkIDEnLFxyXG4gICAgfSwge1xyXG4gICAgICBrZXk6ICcxLTItMicsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAyJyxcclxuICAgIH0sXVxyXG4gIH0sXVxyXG59LCB7XHJcbiAga2V5OiAnMicsXHJcbiAgdGl0bGU6ICdQYXJlbnQgMicsXHJcbiAgY2hpbGRyZW46IFt7XHJcbiAgICBrZXk6ICcyLTEnLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAxJyxcclxuICAgIGNoaWxkcmVuOiBbe1xyXG4gICAgICBrZXk6ICcyLTEtMScsXHJcbiAgICAgIHRpdGxlOiAnZ3JhbmRjaGlsZCAxJyxcclxuICAgIH0sIHtcclxuICAgICAga2V5OiAnMi0xLTInLFxyXG4gICAgICB0aXRsZTogJ2dyYW5kY2hpbGQgMicsXHJcbiAgICB9LF1cclxuICB9LCB7XHJcbiAgICBrZXk6ICcyLTInLFxyXG4gICAgdGl0bGU6ICdjaGlsZCAyJyxcclxuICB9LF1cclxufV0pXHJcbjwvc2NyaXB0PlxyXG5cclxuPHRlbXBsYXRlPlxyXG4gIDxUcmVlQ29tcG9uZW50IDpkYXRhPVwidHJlZURhdGFcIiAvPlxyXG48L3RlbXBsYXRlPlxyXG4iLCJUcmVlQ29tcG9uZW50LnZ1ZSI6IjxzY3JpcHQgc2V0dXAgbGFuZz1cInRzXCI+XHJcbmludGVyZmFjZSBUcmVlRGF0YSB7XHJcbiAga2V5OiBzdHJpbmdcclxuICB0aXRsZTogc3RyaW5nXHJcbiAgY2hpbGRyZW46IFRyZWVEYXRhW11cclxufVxyXG5kZWZpbmVQcm9wczx7ZGF0YTogVHJlZURhdGF9PigpXHJcbjwvc2NyaXB0PlxyXG5cclxuPHRlbXBsYXRlPlxyXG4gIDwhLS0gZG8gc29tZXRoaW5nLi4uLiAtLT5cclxuPC90ZW1wbGF0ZT5cclxuIn0=" target="_blank"><img src="https://img.shields.io/badge/-%E6%8E%A5%E5%8F%97%E6%8C%91%E6%88%98-213547?logo=vue.js&logoColor=42b883" alt="接受挑战"/></a>    <a href="./README.md" target="_blank"><img src="https://img.shields.io/badge/-English-gray" alt="English"/></a> </p><!--info-header-end-->
`2`	`2`
`3`	`3`
`4`	`4`	`在这个挑战中，你需要实现一个树组件，让我们开始吧。`