安装依赖 1pnpm i axios 使用时引入axios 1import axios from 'axios' 基础使用 使用API别名 axios.request(config) axios.get(url, [config]) axios.delete(url, [config]) axios.head(url, [config]) axios.options(url,

项目初始化 使用vite快速生成React18项目 123pnpm create vite> react 快速开始 src目录新建main.jsx作为入口 src/main.jsx 123456789101112131415161718// 注意要加clientimport { createRoot } from "react-dom/client"

基础使用 🍑初始化 12npm init -y # 默认初始化选项npm init 🍑npm初始化选项 123456789package name: # 包名version: # 版本号description: # 包描述entry point: # 入口文件test command: # 测试指令git repositor

原始类型 使用let,const会自动类型断言,可不写类型 12345const name: string = 'Jonathan'const age: number = 20const isMale: boolean = trueconst bigInteger: bigint = 12345nconst mark: symbol = Symbol('mark&#x

官方文档已更新中文文档 Pinia官方文档 pinia比vuex有更好的类型提示，即使不使用TS也能够实现属性，方法的自动补全 pinia同时支持Vue2与Vue3 引入Pinia 🍍安装 1pnpm i pinia 🍍导入 main.js 123456789import { createApp } from '

路由模板 🌰提供路由渲染 router-link标签提供路由地址选项,在to属性中指定路由地址 12345<nav> <!-- 多组路由选项 --> <router-link to="/" >地址一</router-link> <router-link to="/posts">地

Vue内置的<Transition>与<TransitionGroup>组件可以方便的为组件插入CSS动画 v-if,v-show,<component :is="xxx" />组件应用<Transition>包裹 v-for组件应用<TransitionGroup>包裹 Transition组件 当<Transiton/>

组件注册 🥕组件注册 12const app = Vue.creatApp({ }/* 组件对象]*/)app.component('component-name', ) 🥕全局注册 123Vue.createApp({...}).component('component-name',{ // .

创建对象 创建实例方式 1234567const person = new Object()person.name = '清山'person.age = 20person.say = function say() { console.log('你好!')} 字面量方式 👍推荐的创建方式 1234567const person = &#

setup语法糖 数据自动导出可用 使用全局的setup无需再用return导出定义的数据即可在模板与样式中使用 123456789<script setup>import { ref } from 'vue'const count = ref(0)</script><template> <button @clic