vue3结构

一、使用vite+vue3+ts搭建项目目录结构

 1、node_modules：通过npm install 下载安装的项目依赖包都会放在此目录下

2、public：存放静态公共资源，不会被压缩合并

3、src 项目开发的主要文件夹

        ——assets存放静态资源

        ——components存放公共组件

        ——store   一般存放vuex中的全局变量

        ——views  一般写页面的私有组件

        ——router 存放路由，实现页面跳转

        也可以创建util存放工具类

         新建api可以存放请求代码

4、APP.vue:项目跟=根组件

5、main.js:项目入口文件

6、index.html:首页入口.html文件

7、vite.config.ts:项目的配置信息，如配置proxy代理

8、README.md：说明文档，主要看项目运行的命令

二、setup语法的使用

1、setup 函数是组合式 API 的入口。

2、setup 函数是启动页面后自动执行的函数。

3、页面中所涉及的变量和方法等，都需要写在 setup 函数中。

4、在 setup 中定义的变量、方法需要通过 return 返回出去才可以使用，否则无法在视图中使用。

5、setup 函数位于 created 和 beforCreated 钩子之前，用来代替这两个钩子。