本文翻译自:Awesome Vue Development From Beginner to Expert in 2023
https://fe-tool.com/en-us/awesome-vue-learning-course/
Vue学习材料
vue基础介绍
- Official Vue Introduction
- Getting started with Vue in MDN
- Vue vs React: Which is Better?
- 7 Vue Patterns That You Should Be Using More Often
- Get Started Writing Class-based Vue.js Apps in TypeScript
- Become a ninja with Vue 3
Vue框架、脚手架
- Nuxt: Nuxt makes Vue developers to ship apps with confidence.
- VitePress: Vite & Vue Powered Static Site Generator
- A boilerplate for HTML5, Vue, TypeScript, Vite, Vitest, and Render
- Hoppscotch: Open API Development Ecosystem Built with Vue
- Vue Enterprise Boilerplate
Vue架构、代码整洁之道
- Implementing a Clean Architecture Modular Application in Nuxt/Vue
- Principles for Writing Clean and Maintainable Vue.js
- Tips for keeping your Vue.js code clean
- Keeping your Vue.js code Clean
- Best Practices for Writing Vue.js
- Clean architecture with vue, shopping cart demo
- Clean Architecture Vuex by example
- Thoughts about applying Clean Architecture principles to Vue.js projects
- Refactor Vue.js Single File Components
- Making a large scale app with vue.js
- Avoid SOLID principles violations in Vue
- Structure a Large Scale Vue.js Application
Vue性能优化
- Vue.js Performance Guide
- Vuejs App Performance Optimization
- Lazy loading and code splitting in Vue.js
- Vue.js Router Performance
- Lazy Loading Individual Vue Components and Prefetching
- Reduce Estimated Input Latency and Time to Interactive of SSR Vue.js
- Vue Server-Side Rendering (SSR)
Vue服务部署
- Deploying a Flask and Vue App to Heroku with Docker and Gitlab CI
- Deploying vue@3 with Amzaon Amplify
- serverless-side rendering with Vue.js, Nuxt.js and AWS Lambda
- VueJS and Serverless: The Right Combination for a Realtime Chat App
- Build your first full-stack serverless app with Vue and AWS Amplify
- Vue.js in Gitpod
Vue安全
- Official Vue Security Best Practices
- Tips to Secure Your Vue Application
- HTML & URL & Style Injection in Vue
- Vue XSS Guide: Examples and Prevention
Vue代码质量与自动化测试
- Vue.js Component Style Guide
- Guide to Unit Testing Vue Components
- Working an application in Vue.js with TDD
- Testing real world VueJs apps
- Use Mock Data in Vue Apps
- Testing Vuex Actions Correctly with Jest
其他
- 300 Vue Interview Questions
- Vue.js Single File Component Factory
- A Vue pattern for idiomatic, performant component registration
- Understanding Vue.js Reactivity in Depth with Object.defineProperty
Vue@3 书籍推荐
- Vue.js 3 Cookbook
探索使用最新的 Vue 功能和 TypeScript 构建现代 Web 应用程序的可行解决方案。 然后,您将通过在 Web 项目中探索现代框架(例如 Quasar、Nuxt.js、Vuex 和 Vuetify)来了解 Vue.js 生态系统。
- Front-End Development Projects with Vue.js 3
了解如何使用 Vue.js 3 构建可扩展的 Web 应用程序和动态用户界面。在本书中,您将处理小型项目,包括聊天界面、购物车和价格计算器、待办事项应用程序和个人资料 用于存储联系人详细信息的卡片生成器。
- Building Vue.js Applications with GraphQL
通过了解全栈开发概念和探索现代 Web 技术(例如 AWS Amplify、GraphQL 和 Quasar Framework),将您的 Vue.js 3 知识提升到一个新的水平。
- Front-End Development Projects with Vue.js 3
掌握 Vue.js 3 的核心基础知识,并向行业专家学习如何构建可靠、可扩展的前端应用程序。
Vue@3 代码示例
- Official Vue.js Examples
- Vue.js TodoMVC Example
- Vue.js 2048 Game
- Vue 3 RealWorld Example
- Vue 3 Composition API examples
- Vue 3 Typescript example with Axios & Vue Router
- Vue 3 + Pinia - Authentication Example
- Shopping cart example using Vue 3, Vite, daisyUI and Pinia.
- Firebase for Vue 3: Built for Firebase 9.
- Realtime Chat app with Vue and Hasura