-
创建项目
Vite(推荐使用)Vite
是一款作者意图取代webpack
的工具,目前仅为vue3
提供服务,同样支持热更新- 其工作原理是利用
ES6
的import
会发送请求去加载文件的特性,拦截这些请求并做一些预编译,从而省去webpack
冗长的打包时间
$ npm init vite-app <project-name> $ cd <project-name> $ npm install $ npm run dev
Vue-Cli(使用前请务必升级)
$ vue create <project name> $ cd <project-name> $ npm install $ npm run dev
-
项目主要文件
index.html
index.html同样有一个id为app
元素用来挂载,通过script
引入入口文件
App.vue
App.vue最大的不同点在于我们不再需要像2.X一样,在最外层再裹一层div
作为模板根节点
main.js
main.js跟2.X有较大差异,3.X从vue
引入createApp
方法,再把App
这个组件传入createApp
方法 并进行挂载
目录:VUE3.X笔记——目录
下一篇:VUE3.X——模板指令