vite2+vue3

目录

 vite2介绍

 创建项目

vite2的主要变化

 vue3 setup script

---

 vite2介绍

 

 vite官方网站 vitejs.dev

 创建项目

1.创建vite2项目

npm init @vitejs/app

安装花费的时间很短

2.装依赖

npm i

3.运行项目

npm run dev

2个警告信息

 

 count直接引入直接使用

 defineProps 输入

defineEmit输出

vite2的主要变化

 别名：alias

 以前的相对路径

 

 

css.modules

esbulid打包

import { defineConfig } from "vite";
export default defineConfig({
})

 

 vue3 setup script

vue也要通过插件引用

 直接导入组件

 

vbas生成

 2.定义属性 输入输出

 

 

 3.获取上下文

 

 

vue jsx支持

 

原始写法

 

 

 setup

 

 mock数据

开发版本-d 

运行时候的依赖 

 

post 

mock/user.js

 

 

 

 环境变量的设置

 npm run dev

 

 

 表格数据展示和管理

分页

样式管理

开发依赖sass

npm i sass -D

styles

vite配置里

style：path.resove(_dirname,'src/styles')

index.scss

main.js 导入

//全局样式
import 'styles/index.scss'

 数据封装