vue3
不灭777
这个作者很懒,什么都没留下…
展开
-
Vue3升级Vuex,使用Pinia鉴权
Pinia.js是新一代的状态管理器,即Vux5.x特点:1.完整的ts支持。2.轻量,压缩后只有1.6kb。3.去除mutations,只有state,getters,actions4.actions支持同步和异步。5.没有模块嵌套,只有store的概念,store之间可以自由使用。6.无需手动添加store,store一旦常见便会自动添加。安装yarn add pinia -Syarn add pinia-plugin-persist -S 数据持久化工具。由于理念为更好的支.原创 2022-05-16 16:57:59 · 761 阅读 · 0 评论 -
Vue3+Vite+TypeScript打包时报类型错误,dev启动不报错
yarn dev——项目正常运行yarn build ——抛出error原因:vue-tsc的问题,把对应的命令给删掉:vue-tsc:非必要的依赖,主要是用来约束<script setup lang="ts">这种写法,并且应用在vscode-Volar的插件中使用.{ "scripts": { "dev": "vite", "build": "vite build", // 剔除了 vue-tsc --noEmit &&原创 2022-05-12 16:18:27 · 2912 阅读 · 0 评论 -
vue2/vue3自定义指令——鉴权
vue2:src/directives/index.tsimport Vue from 'vue';import store from '@/store';export default function directive() { Vue.directive('auth', { inserted: (el, binding) => { if (!store.state.buttons.has(binding.value)) {原创 2022-05-09 17:34:33 · 997 阅读 · 1 评论 -
vue3使用keep-alive缓存已打开过的菜单,使用el-tabs展示面包屑路由。
vuex参考vue2版本。点击查看vuexcomponent/CommonTab.vue<template> <div class="tabs"> <el-tabs v-model="currentName" type="card" editable @tab-remove="handleTabsEdit" @tab-click="handleTabClick" > <原创 2022-05-09 17:29:17 · 1380 阅读 · 0 评论