0
点赞
收藏
分享

微信扫一扫

(尚硅谷)Vue笔记---------27

魔都魅影梅杜萨 2022-01-30 阅读 135

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)

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

举报

相关推荐

0 条评论