Vue3——从0到1的搭建过程

vue3.0生命周期和钩子函数

项目搭建

既然是学习Vue3，那么首先应该需要的是如何初始化项目，在这里提供了两种方式供大家参考

• 方式一：vue-cli脚手架初始化Vue3项目

官方文档：https://cli.vuejs.org/zh/guid...

//    查看@vue/cli版本，确保@vue/cli版本在4.5.0以上
vue --version
//    安装或者升级你的@vue/cli
npm install -g @vue/cli
//     创建
vue create vue_test
// 启动
cd vue_test
npm run serve

• 方式二：vite初始化Vue3项目

vite官网：https://vitejs.cn/

//     创建工程
npm init vite-app <project-name>
//    进入工程目录
cd <project-name>
//     安装依赖
npm install
//    运行
npm run dev

项目目录结构分析

这里的项目目录结构分析主要是main.js文件

• Vue2里面的main.js

  new Vue({
  el: '#app',
  components: {},
  template: ''
  });

• Vue3里面的main.js

  import { createApp } f