Appearance

「初学笔记」Vue3.0(二)

WXL570CN2021/05/31beginner-notesVue Vue3

「初学笔记」Vue3.0(二)

项目创建

Vite

Vite 的实现原理是利用 ES6 的 import 会发送请求去加载文件的特性,拦截这些请求,做一些预编译,省去 webpack 冗长的打包时间。

安装 Vite

npm install -g create-vite-app

利用 Vite 创建 Vue3 项目

  create-vite-app projectName
  cd projectName
  npm install
  npm run dev

main.js 入口文件

import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
 
// 创建App组件并挂载到 #app 上
createApp(App).mount('#app')

Vue3 是基本兼容 Vue2 的,过去的语法这里依旧可以正常使用。

Last Updated 2023-04-02 15:01:41