vue-router 4.X
npm install vue-router@4
实例创建及基本使用
动态添加路由
动态删除路由
编程式导航
route对象属性
router-link的v-slot
router-view的v-slot
路由守卫
-
和next说拜拜,现在确认跳转不需要再手动执行这个函数了,而是根据你的返回值来决定行为。同样支持异步返回 Promise。
-
现在的路由守卫 API 更加友好且合理了,可以完美利用 async await 做异步处理,比如这样:
useLink
其他一系列变化
VueX 4.X
npm i vuex@next
main.js
基本使用
setup中基本使用
setup中mapState使用
setup中mapGetters使用
setup中mapMutations使用
setup中mapActions使用
基操
分模块
- 主入口
- modules
- 五板斧
- 页面使用
样式管理
npm i sass -D
element-plus
npm install element-plus --save
全局引入使用
按需引入使用
- npm install vite-plugin-style-import -D
按需引入升级一下