Vue3

使用vue-cli创建工程

先要去查看我们的版本，一定要高于4.5.0才可以，我的是4.5.15.所以可以做vue3.

 

 

我们去选择vue3版本就可以了。

 

这就是下载完了。

 我们输入这两句 看看能不能运行起来：

 

ok了。

 

打开的页面和vue2差不多，但是我们发现我们的开发者工具灭了，这是因为我们安装的是vue2的开发者工具而不是3的。

使用vite创建工程 

我们按照它的提示去执行就可以了：

 

我们运行的时候用npm run dev来运行：

 

 

我们可以自己试一下，我们使用vite比我们使用cli创建的快。

 

我们这种方式是页面也比较精简。

 vite还没有大规模的应用，我们以后还是使用cli去创建项目，只不过为了vite会不会成为趋势就不一定了。

分析工程结构

目录和vue2没有太大差别。

我们的main.js和之前就很不一样了：

 

App.vue:

 

 App.vue里的内容变化不大，但是vue3组件中的模板结构可以没有根标签（div）

我们的其它结构部分没什么区别这里就不说了。