# vuejs-challenges **Repository Path**: mirrors_trending/vuejs-challenges ## Basic Information - **Project Name**: vuejs-challenges - **Description**: Collection of Vue.js challenges - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 1 - **Created**: 2022-07-06 - **Last Updated**: 2026-04-25 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README

Vue.js 挑战合集

English | 简体中文

## 📖 介绍 我喜欢`Vue.js` ♥️ 。它太棒了 🚀 。它帮助我很好地完成我的工作和构建应用程序。 我过去一直在寻找一个可以让每个人一起学习`Vue.js`的项目，这就是这个项目诞生的原因。我相信我们可以在这里共同成长，也希望它能对你有所帮助。 这个项目意在帮助你更好地了解`Vue.js`，编写你自己的实用程序，或只是单纯的享受挑战的乐趣。 我们同时希望可以建立一个社区，在这里你可以提出你在实际环境中遇到的问题，或者帮助他人解答疑惑 - 这些问题也可能被选中成为题库的一部分 ！ ## 题库 > 点击下方徽章查看题目内容 1
1・你好 !

13
2・ref 全家桶 3・响应性丟失 4・可写的计算属性 5・watch 全家桶 6・浅层 ref 9・依赖注入 10・生命周期钩子 11・下一次DOM更新 13・DOM传送门 14・动态CSS 243・阻止事件冒泡 305・大写 323・Prop验证

14
7・原始值 API 8・Effect作用域 API 12・优化性能的指令 15・切换器 16・until 17・计数器 18・实现本地存储函数 19・切换焦点指令 20・防抖点击指令 21・函数式组件 25・鼠标坐标 27・全局CSS 218・渲染函数[h()] 232・按键修饰符

5
22・自定义元素 23・自定义ref 24・激活的样式-指令 26・实现简易版`v-model`指令 208・树组件
By Tags
#Built-ins13・DOM传送门 12・优化性能的指令
#CSS Features14・动态CSS 27・全局CSS
#Components13・DOM传送门 323・Prop验证 21・函数式组件 218・渲染函数[h()] 208・树组件
#Composable Function15・切换器 17・计数器 18・实现本地存储函数 25・鼠标坐标
#Composition API2・ref 全家桶 3・响应性丟失 4・可写的计算属性 5・watch 全家桶 6・浅层 ref 9・依赖注入 10・生命周期钩子 8・Effect作用域 API 23・自定义ref
#Directives305・大写 12・优化性能的指令 19・切换焦点指令 20・防抖点击指令 24・激活的样式-指令 26・实现简易版`v-model`指令
#Event Handling243・阻止事件冒泡 232・按键修饰符
#Global API:General11・下一次DOM更新
#Lifecycle10・生命周期钩子
#Reactivity:Advanced6・浅层 ref 7・原始值 API 8・Effect作用域 API 23・自定义ref
#Reactivity:Core2・ref 全家桶 4・可写的计算属性 5・watch 全家桶
#Reactivity:Utilities3・响应性丟失
#Utility Function16・until
#Web Components22・自定义元素
## 🤝 参与贡献 你可以通过如下几种方式参与贡献这个项目 - 分享你的答案或解题思路 - 提案加入新的题目 - 完善已有题目的测试用例 - 提供针对题目的学习资料或方法 - 分享你在真实项目中遇到的`Vue.js`问题（无论你找到答案与否）- 大家会一起帮你找到解决的思路 - 通过在 `Issue` 下留言帮助他人 [开一个新的 Issue](https://github.com/webfansplz/vuejs-challenges/issues/new/choose) 并选择相应的模板即可，感谢参与！ > 💡 尽管你可以使用中文进行讨论，我们还是鼓励你尝试使用英文发起 Issue 与评论，这样可以让你的问题被更多人看到也可以帮助更多人。 ## 📚 文章 [叮~您有一封Vue.js挑战邀请函,请查收](https://zhuanlan.zhihu.com/p/536857013) ## 🌸 感谢 这个项目的灵感和实现大多来自于 [type-challenges](https://github.com/type-challenges/type-challenges) ♥️。 [vuejs/repl](https://github.com/vuejs/repl) 让这个项目成为了可能 ♥️。 ## 📄 License [MIT LICENSE](./LICENSE)