VUE3.X——起步

• 创建项目
  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——模板指令