vue3+ts学习!
今天学习一下vue3+ts技术!
vue3有两种创建方式
(1)vue-cli
(2)vite(官方推荐)
所以我用vite创建一个项目
直接在官网上面写一个这个!cmd执行完后,会让你输入项目名称
接下来选择一个ts语法,剩下的全不选,直接回车创建项目,然后,用vscode打开即可!
src最重要了!然后直接npm i,下载依赖,接着npm run dev,直接跑项目即可
我们现在开始剖析这个项目,首先我们看见index.html引入的是src目录下main.ts这个文件!
接着我们进入main.ts文件createApp就是创建一个应用,App就是一个根组件,也就是说,我们引入别的组件的时候,都需要在app.vue里面引入一下!createApp(App)这个就是把根放进去!创建一个App!然后.mount(‘#app’)也就是将App挂载一下,也就是在index.html里面摆放的位置!
接着说一下App.vue是跟组件,然后components这个组件的文件夹里面放的就是叶组件哈哈哈哈!其实src里面必不可少的两个文件就是App.vue和main.ts这俩文件!我把src删了,然后重新创建文件,然后新建一个src,main.ts,和App.vue,直接启动项目!没东西,哈哈哈因为你的main.ts里面没东西,所以我们开始写!
启动项目,写点东西