随笔分类 - vue3
vue3.x
摘要：前言 vue3中使用了全新的组合式API： https://v3.cn.vuejs.org/ vuex从4.x版本开始也对应的提供了适配vue3的api：https://vuex.vuejs.org/zh/ pinia是新出现的状态管理工具，相对于vuex更加精简： https://pinia.vu
阅读全文
摘要：前言 父子组件的值传递，在vue2中直接使用 props、this.$emit('xxx')即可，在Vue3中有较大的变化，父组件传递的值，只有在子组件使用 defineProps、defineEmits接收才可以使用 父子组件值传递 需要将父组件的参数使用defineProps，defineEmi
阅读全文
摘要：先上代码 <router-view v-slot="{ Component }"> <keep-alive> <component :key="$route.name" :is="Component" v-if="$route.meta.keepAlive" /> </keep-alive> <co
阅读全文
摘要：前言： 截止2022-03 vue-cli 脚手架还未集成 vite 打包工具，当前仍然是 webpack，所以本文简述下vite创建vue3项目的流程 创建 vite + vue3 项目的命令流程： // 初始化项目，并命名 npm init @vitejs/app test-vue3 // 选择
阅读全文
摘要：vue2中axois的使用 import Vue from 'vue'; import axios from 'axios'; Vue.prototype.$ajax = axios; 或者，使用Vue.use(httpRequest, config)实现引入 // main.js import h
阅读全文
