VUE3.0安装和区别

VUE3.0

1.vue安装

我们先安装手脚架也就是 vue- ceil，在安装之前，如果你安装过了，那就需要先卸载了再安装卸载命令

npm uni -g vue-cli

然后再开始安装

npm i -g @vue/cli

如果你不知道你的手脚架是哪一个版本的可以使用

vue -V

查看手脚架的版本号（这里后面那个v要记得是的大写）

然后就可以创建项目了

代码如下

vue create 项目名

还可以使用可视化安装

选择你需要的配置，当然也可以使用自定义配置

然后点击创建项目就行了

2.vue3 和vue2的区别

3.vue3和vue2的区别

我们对比一下vue3和vue2的变化

vue3 以setup代替了beforeCreate，和created,，然后其他的生命周期都要写在setup里面并且看其他的生命周期对比之前的前面多了一个on

还有项目结构vue3里就只有3个文件夹

main.js里的语法：

import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')

vue3.0的写法上更加的简洁

vue3.0中的main.js引用vue变成函数式

vue3.0变为createApp创建vue实例

总结的来说就是vue越来越接近js的语法了