04 2023 档案

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

posted @ 2023-04-01 23:35 完美前端 阅读(371) 评论(0) 推荐(0)

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

posted @ 2023-04-01 19:07 完美前端 阅读(29) 评论(0) 推荐(0)

defineExporse vue3中一个由子组件导出数据 让父组件调用的方法
摘要：子组件 <script setup> import { ref, reactive } from 'vue' const isFlag = ref(false) const data = reactive({ name: 'tom', age: 18 }) //把数据导出 defineExpose( 阅读全文

posted @ 2023-04-01 13:33 完美前端 阅读(563) 评论(0) 推荐(0)

导航