一、使用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 钩子之前,用来代替这两个钩子。