Vue3进阶教程：1.初次了解vue

1.初次了解vue

vue文件目录和各个文件在这里不做介绍

此课程对针对有点vue基础的同学，或者看过我上部分vue的教程

与之前我的Vue教程不同的是，写法和内容有区别

真正的了解Vue3

1.创建vue组件

1.npm create vue@latest
2.取名
3.TS要选上
4.其他先不选
5.npm i
...

2.编写App组件

1.删除src文件夹，创建一个新的src空文件夹，并在里面如下：

2.创建文件main.ts

// 导入createApp函数，用于创建Vue应用
import {createApp} from 'vue'

// 导入App组件，作为应用的主组件
import App from './App.vue'

// 创建并挂载应用程序实例
createApp(App).mount('#app')

3.创建App.vue，基本结构：

4.例程

App.vue

启动项目：

npm run dev

打开：localhost:5173

---

3.一个简单的效果

src下 创建文件夹和文件\components\Preson.vue

Preson.vue: