完美前端

摘要： import store from '../store' // 自定义Vue3指令，用于权限控制 export default { install(app) { // 权限控制指令 // 如果当前用户没有相关权限，则删除该模块 app.directive('permission', { mounte 阅读全文

摘要： <!-- 使用keep-alive包裹组件以缓存组件状态，减少重复渲染，提高性能 --> <keep-alive> <home></home> <!-- home组件被缓存 --> </keep-alive> Vue3 路由部分 <!-- 在Vue3中，通过v-slot来获得当前路由的Compone 阅读全文

摘要： 子组件 <script setup> import { ref, reactive } from 'vue' const isFlag = ref(false) const data = reactive({ name: 'tom', age: 18 }) //把数据导出 defineExpose( 阅读全文