vue3 学习

一、vue3的核心概念

1.响应式数据：ref、reactive等的区别

2.组合式API：这是 Vue 3 的最大亮点，替代 Vue 2 的 Options API  选项式

3.组件化开发：组件的 Props、生命周期钩子

二、搭建开发环境

1.Vite：Vue 3 官方推荐的构建工具，速度快且配置简单

# 使用 Vite 创建 Vue 3 项目
npm create vite@latest my-vue3-app --template vue

2.VSCode 插件：

                Volar：Vue 3 官方推荐的开发工具，替代 Vue 2 的 Vetur。

                ESLint：保证代码规范。

                Prettier：自动格式化代码。

示例：

使用 VSCode、Vite、npm 创建一个 Vue 3 项目，并集成 Pinia，使用TypeScript。

node版本需要高一点   v18.20.6

三、深入学习组合式API

四、实战项目

1. 博客系统：使用 Vue 3 + Vue Router + Pinia 构建一个博客系统。

2. 个人作品集：用 Vue 3 搭建一个展示个人项目的网站。

新创建了前端公众号，【码农生存指南】
欢迎同行互关交流！关注后私信我返关~