{"id":13457624,"url":"https://github.com/webfansplz/vuejs-challenges","last_synced_at":"2025-05-15T02:10:09.821Z","repository":{"id":41551619,"uuid":"507211856","full_name":"webfansplz/vuejs-challenges","owner":"webfansplz","description":"Collection of Vue.js challenges","archived":false,"fork":false,"pushed_at":"2024-04-12T10:21:20.000Z","size":10581,"stargazers_count":2760,"open_issues_count":2641,"forks_count":189,"subscribers_count":10,"default_branch":"main","last_synced_at":"2025-04-14T00:58:30.830Z","etag":null,"topics":["challenges","vuejs","vuejs-challeges"],"latest_commit_sha":null,"homepage":"https://vuejs-challenges.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webfansplz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["webfansplz"]}},"created_at":"2022-06-25T04:21:21.000Z","updated_at":"2025-04-09T09:17:26.000Z","dependencies_parsed_at":"2024-01-13T17:48:32.698Z","dependency_job_id":"0ab32bbc-f2f1-4bea-b7a2-c315414a306c","html_url":"https://github.com/webfansplz/vuejs-challenges","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webfansplz%2Fvuejs-challenges","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webfansplz%2Fvuejs-challenges/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webfansplz%2Fvuejs-challenges/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webfansplz%2Fvuejs-challenges/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webfansplz","download_url":"https://codeload.github.com/webfansplz/vuejs-challenges/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254259386,"owners_count":22040821,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["challenges","vuejs","vuejs-challeges"],"created_at":"2024-07-31T09:00:31.937Z","updated_at":"2025-05-15T02:10:09.566Z","avatar_url":"https://github.com/webfansplz.png","language":"TypeScript","funding_links":["https://github.com/sponsors/webfansplz"],"categories":["TypeScript","Vue"],"sub_categories":[],"readme":"\u003cp align='center'\u003e\n\u003cimg src='./logo.png' width='200'/\u003e\n\u003c/p\u003e\n\n\u003cp align='center'\u003e\nCollection of Vue.js challenges\n\u003c/p\u003e\n\n\u003cp align='center'\u003e\nEnglish | \u003ca href='./README.zh-CN.md'\u003e简体中文\u003c/a\u003e\n\u003c/p\u003e\n\n## 📖 Introduction\n\nI love `Vue.js` ♥️. It's so Awesome 🚀. It helps me finish my work well and build applications.\n\nI was looking for a project for everyone to learn `Vue.js` together, and that's why this project was born. I believe we can grow together here, and hope it helps you.\n\nThis project is aimed at helping you better understand `Vue.js`, writing your own utilities, or just having fun with the challenges.    \n\nWe are also trying to form a community where you can ask questions and get answers you have faced in the real world - they may become part of the challenges!\n\n\n\n## ✏️ Challenges\n\n\u003e Click the following badges to see details of the challenges.\n\n\u003c!--challenges-start--\u003e\n\u003cimg src=\"https://img.shields.io/badge/warm--up-1-teal\" alt=\"1\"/\u003e\u003cbr\u003e\u003ca href=\"./questions/1-hello-word/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-1%E3%83%BBHello%20World-teal\" alt=\"1・Hello World\"/\u003e\u003c/a\u003e \u003cbr\u003e\u003cbr\u003e\u003cimg src=\"https://img.shields.io/badge/easy-13-7aad0c\" alt=\"13\"/\u003e\u003cbr\u003e\u003ca href=\"./questions/2-ref-family/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-2%E3%83%BBref%20family-7aad0c\" alt=\"2・ref family\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/3-losing-reactivity/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-3%E3%83%BBlosing--reactivity-7aad0c\" alt=\"3・losing-reactivity\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/4-writable-computed/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-4%E3%83%BBwritable--computed-7aad0c\" alt=\"4・writable-computed\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/5-watch-family/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-5%E3%83%BBwatch%20family-7aad0c\" alt=\"5・watch family\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/6-shallow-ref/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-6%E3%83%BBshallow%20ref-7aad0c\" alt=\"6・shallow ref\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/9-dependency-injection/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-9%E3%83%BBDependency%20Injection-7aad0c\" alt=\"9・Dependency Injection\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/10-lifecycle/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-10%E3%83%BBLifecycle%20Hooks-7aad0c\" alt=\"10・Lifecycle Hooks\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/11-next-dom-update/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-11%E3%83%BBNext%20DOM%20update%20flush-7aad0c\" alt=\"11・Next DOM update flush\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/13-dom-portal/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-13%E3%83%BBDOM%20Portal-7aad0c\" alt=\"13・DOM Portal\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/14-dynamic-css-values/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-14%E3%83%BBDynamic%20css%20values-7aad0c\" alt=\"14・Dynamic css values\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/243-prevent-event-propagation/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-243%E3%83%BBprevent%20event%20propagation-7aad0c\" alt=\"243・prevent event propagation\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/305-capitalize/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-305%E3%83%BBCapitalize-7aad0c\" alt=\"305・Capitalize\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/323-prop-validation/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-323%E3%83%BBProp%20Validation-7aad0c\" alt=\"323・Prop Validation\"/\u003e\u003c/a\u003e \u003cbr\u003e\u003cbr\u003e\u003cimg src=\"https://img.shields.io/badge/medium-14-d9901a\" alt=\"14\"/\u003e\u003cbr\u003e\u003ca href=\"./questions/7-raw-api/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-7%E3%83%BBRaw%20API-d9901a\" alt=\"7・Raw API\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/8-effect-scope/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-8%E3%83%BBeffectScope%20API-d9901a\" alt=\"8・effectScope API\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/12-optimize-perf-directive/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-12%E3%83%BBOptimize%20performance%20directive-d9901a\" alt=\"12・Optimize performance directive\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/15-useToggle/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-15%E3%83%BBuseToggle-d9901a\" alt=\"15・useToggle\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/16-until/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-16%E3%83%BBuntil-d9901a\" alt=\"16・until\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/17-useCounter/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-17%E3%83%BBuseCounter-d9901a\" alt=\"17・useCounter\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/18-useLocalStorage/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-18%E3%83%BBuseLocalStorage-d9901a\" alt=\"18・useLocalStorage\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/19-v-focus/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-19%E3%83%BBv--focus-d9901a\" alt=\"19・v-focus\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/20-v-debounce-click/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-20%E3%83%BBv--debounce--click-d9901a\" alt=\"20・v-debounce-click\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/21-functional-component/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-21%E3%83%BBfunctional%20component-d9901a\" alt=\"21・functional component\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/25-useMouse/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-25%E3%83%BBuseMouse-d9901a\" alt=\"25・useMouse\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/27-global-css/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-27%E3%83%BBGlobal%20CSS-d9901a\" alt=\"27・Global CSS\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/218-h-render-function/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-218%E3%83%BBrender%20function%5Bh()%5D-d9901a\" alt=\"218・render function[h()]\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/232-key-modifiers/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-232%E3%83%BBKey%20Modifiers-d9901a\" alt=\"232・Key Modifiers\"/\u003e\u003c/a\u003e \u003cbr\u003e\u003cbr\u003e\u003cimg src=\"https://img.shields.io/badge/hard-5-de3d37\" alt=\"5\"/\u003e\u003cbr\u003e\u003ca href=\"./questions/22-custom-element/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-22%E3%83%BBcustom%20element-de3d37\" alt=\"22・custom element\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/23-custom-ref/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-23%E3%83%BBcustom%20ref-de3d37\" alt=\"23・custom ref\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/24-v-active-style/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-24%E3%83%BBv--active--style-de3d37\" alt=\"24・v-active-style\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/26-v-model/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-26%E3%83%BBv--model-de3d37\" alt=\"26・v-model\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/208-tree-component/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-208%E3%83%BBTree%20Component-de3d37\" alt=\"208・Tree Component\"/\u003e\u003c/a\u003e \u003cbr\u003e\u003cdetails\u003e\u003csummary\u003eBy Tags\u003c/summary\u003e\u003cbr\u003e\u003ctable\u003e\u003ctbody\u003e\u003ctr\u003e\u003ctd\u003e\u003cimg src=\"https://img.shields.io/badge/-%23Built--ins-999\" alt=\"#Built-ins\"/\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"./questions/13-dom-portal/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-13%E3%83%BBDOM%20Portal-7aad0c\" alt=\"13・DOM Portal\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/12-optimize-perf-directive/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-12%E3%83%BBOptimize%20performance%20directive-d9901a\" alt=\"12・Optimize performance directive\"/\u003e\u003c/a\u003e \u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cimg src=\"https://img.shields.io/badge/-%23CSS%20Features-999\" alt=\"#CSS Features\"/\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"./questions/14-dynamic-css-values/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-14%E3%83%BBDynamic%20css%20values-7aad0c\" alt=\"14・Dynamic css values\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/27-global-css/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-27%E3%83%BBGlobal%20CSS-d9901a\" alt=\"27・Global CSS\"/\u003e\u003c/a\u003e \u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cimg src=\"https://img.shields.io/badge/-%23Components-999\" alt=\"#Components\"/\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"./questions/13-dom-portal/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-13%E3%83%BBDOM%20Portal-7aad0c\" alt=\"13・DOM Portal\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/323-prop-validation/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-323%E3%83%BBProp%20Validation-7aad0c\" alt=\"323・Prop Validation\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/21-functional-component/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-21%E3%83%BBfunctional%20component-d9901a\" alt=\"21・functional component\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/218-h-render-function/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-218%E3%83%BBrender%20function%5Bh()%5D-d9901a\" alt=\"218・render function[h()]\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/208-tree-component/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-208%E3%83%BBTree%20Component-de3d37\" alt=\"208・Tree Component\"/\u003e\u003c/a\u003e \u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cimg src=\"https://img.shields.io/badge/-%23Composable%20Function-999\" alt=\"#Composable Function\"/\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"./questions/15-useToggle/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-15%E3%83%BBuseToggle-d9901a\" alt=\"15・useToggle\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/17-useCounter/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-17%E3%83%BBuseCounter-d9901a\" alt=\"17・useCounter\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/18-useLocalStorage/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-18%E3%83%BBuseLocalStorage-d9901a\" alt=\"18・useLocalStorage\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/25-useMouse/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-25%E3%83%BBuseMouse-d9901a\" alt=\"25・useMouse\"/\u003e\u003c/a\u003e \u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cimg src=\"https://img.shields.io/badge/-%23Composition%20API-999\" alt=\"#Composition API\"/\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"./questions/2-ref-family/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-2%E3%83%BBref%20family-7aad0c\" alt=\"2・ref family\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/3-losing-reactivity/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-3%E3%83%BBlosing--reactivity-7aad0c\" alt=\"3・losing-reactivity\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/4-writable-computed/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-4%E3%83%BBwritable--computed-7aad0c\" alt=\"4・writable-computed\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/5-watch-family/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-5%E3%83%BBwatch%20family-7aad0c\" alt=\"5・watch family\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/6-shallow-ref/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-6%E3%83%BBshallow%20ref-7aad0c\" alt=\"6・shallow ref\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/9-dependency-injection/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-9%E3%83%BBDependency%20Injection-7aad0c\" alt=\"9・Dependency Injection\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/10-lifecycle/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-10%E3%83%BBLifecycle%20Hooks-7aad0c\" alt=\"10・Lifecycle Hooks\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/8-effect-scope/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-8%E3%83%BBeffectScope%20API-d9901a\" alt=\"8・effectScope API\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/23-custom-ref/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-23%E3%83%BBcustom%20ref-de3d37\" alt=\"23・custom ref\"/\u003e\u003c/a\u003e \u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cimg src=\"https://img.shields.io/badge/-%23Directives-999\" alt=\"#Directives\"/\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"./questions/305-capitalize/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-305%E3%83%BBCapitalize-7aad0c\" alt=\"305・Capitalize\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/12-optimize-perf-directive/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-12%E3%83%BBOptimize%20performance%20directive-d9901a\" alt=\"12・Optimize performance directive\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/19-v-focus/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-19%E3%83%BBv--focus-d9901a\" alt=\"19・v-focus\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/20-v-debounce-click/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-20%E3%83%BBv--debounce--click-d9901a\" alt=\"20・v-debounce-click\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/24-v-active-style/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-24%E3%83%BBv--active--style-de3d37\" alt=\"24・v-active-style\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/26-v-model/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-26%E3%83%BBv--model-de3d37\" alt=\"26・v-model\"/\u003e\u003c/a\u003e \u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cimg src=\"https://img.shields.io/badge/-%23Event%20Handling-999\" alt=\"#Event Handling\"/\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"./questions/243-prevent-event-propagation/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-243%E3%83%BBprevent%20event%20propagation-7aad0c\" alt=\"243・prevent event propagation\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/232-key-modifiers/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-232%E3%83%BBKey%20Modifiers-d9901a\" alt=\"232・Key Modifiers\"/\u003e\u003c/a\u003e \u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cimg src=\"https://img.shields.io/badge/-%23Global%20API%3AGeneral-999\" alt=\"#Global API:General\"/\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"./questions/11-next-dom-update/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-11%E3%83%BBNext%20DOM%20update%20flush-7aad0c\" alt=\"11・Next DOM update flush\"/\u003e\u003c/a\u003e \u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cimg src=\"https://img.shields.io/badge/-%23Lifecycle-999\" alt=\"#Lifecycle\"/\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"./questions/10-lifecycle/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-10%E3%83%BBLifecycle%20Hooks-7aad0c\" alt=\"10・Lifecycle Hooks\"/\u003e\u003c/a\u003e \u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cimg src=\"https://img.shields.io/badge/-%23Reactivity%3AAdvanced-999\" alt=\"#Reactivity:Advanced\"/\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"./questions/6-shallow-ref/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-6%E3%83%BBshallow%20ref-7aad0c\" alt=\"6・shallow ref\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/7-raw-api/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-7%E3%83%BBRaw%20API-d9901a\" alt=\"7・Raw API\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/8-effect-scope/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-8%E3%83%BBeffectScope%20API-d9901a\" alt=\"8・effectScope API\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/23-custom-ref/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-23%E3%83%BBcustom%20ref-de3d37\" alt=\"23・custom ref\"/\u003e\u003c/a\u003e \u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cimg src=\"https://img.shields.io/badge/-%23Reactivity%3ACore-999\" alt=\"#Reactivity:Core\"/\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"./questions/2-ref-family/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-2%E3%83%BBref%20family-7aad0c\" alt=\"2・ref family\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/4-writable-computed/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-4%E3%83%BBwritable--computed-7aad0c\" alt=\"4・writable-computed\"/\u003e\u003c/a\u003e \u003ca href=\"./questions/5-watch-family/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-5%E3%83%BBwatch%20family-7aad0c\" alt=\"5・watch family\"/\u003e\u003c/a\u003e \u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cimg src=\"https://img.shields.io/badge/-%23Reactivity%3AUtilities-999\" alt=\"#Reactivity:Utilities\"/\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"./questions/3-losing-reactivity/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-3%E3%83%BBlosing--reactivity-7aad0c\" alt=\"3・losing-reactivity\"/\u003e\u003c/a\u003e \u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cimg src=\"https://img.shields.io/badge/-%23Utility%20Function-999\" alt=\"#Utility Function\"/\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"./questions/16-until/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-16%E3%83%BBuntil-d9901a\" alt=\"16・until\"/\u003e\u003c/a\u003e \u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cimg src=\"https://img.shields.io/badge/-%23Web%20Components-999\" alt=\"#Web Components\"/\u003e\u003c/td\u003e\u003ctd\u003e\u003ca href=\"./questions/22-custom-element/README.md\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-22%E3%83%BBcustom%20element-de3d37\" alt=\"22・custom element\"/\u003e\u003c/a\u003e \u003c/td\u003e\u003c/tr\u003e\u003c/tbody\u003e\u003c/table\u003e\u003c/details\u003e\n\u003c!--challenges-end--\u003e\n\n## 🤝 How to Contribute\n\nThere are several ways you can contribute to this project\n\n- Share your answers/solutions\n- Propose new challenges\n- Add more test cases to the existing challenges\n- Provide learning resources or ideas of how to solve challenges\n- Share the problems you have faced in real-world projects, regardless you have the solution or not - the community would help you as well.\n- Help others by discussing issues\n\nJust [open an issue](https://github.com/webfansplz/vuejs-challenges/issues/new/choose) and choose the corresponding template. Thanks!\n\n## 🌸 Credits\n\nThis project is highly inspired by [type-challenges](https://github.com/type-challenges/type-challenges) ♥️.\n\n[vuejs/repl](https://github.com/vuejs/repl) makes this project possible ♥️.\n\n## 📄 License\n\n[MIT LICENSE](./LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebfansplz%2Fvuejs-challenges","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebfansplz%2Fvuejs-challenges","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebfansplz%2Fvuejs-challenges/lists"}