摘要：
3.多级路由（多级路由） 配置路由规则，使用children配置项： routes:[ { path:'/about', component:About, }, { path:'/home', component:Home, children:[ //通过children配置子级路由 { path: 阅读全文
posted @ 2021-11-21 20:23
leiyanting
阅读(180)
评论(0)
推荐(0)
摘要：
路由 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件。 1.基本使用 安装vue-router，命令：npm i vue-router 应用插件：Vue.use(VueRouter) 编 阅读全文
posted @ 2021-11-21 20:09
leiyanting
阅读(59)
评论(0)
推荐(0)
摘要：
模块化+命名空间 目的：让代码更好维护，让多种数据分类更加明确。 修改store.js const countAbout = { namespaced:true,//开启命名空间 state:{x:1}, mutations: { ... }, actions: { ... }, getters: 阅读全文
posted @ 2021-11-21 17:40
leiyanting
阅读(141)
评论(0)
推荐(0)
摘要：
6.四个map方法的使用 引入方式 import {mapState,mapGetters,mapMutations,mapActions} from 'vuex' mapState方法：用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成计算属性：su 阅读全文
posted @ 2021-11-21 14:10
leiyanting
阅读(343)
评论(0)
推荐(0)
摘要：
getters的使用 概念：当state中的数据需要经过加工后再使用时，可以使用getters加工。 在store.js中追加getters配置 ...... const getters = { bigSum(state){ return state.sum * 10 } } //创建并暴露stor 阅读全文
posted @ 2021-11-21 10:40
leiyanting
阅读(185)
评论(0)
推荐(0)
摘要：
1. TAB键位生成自定义标签 "emmet.triggerExpansionOnTab": true 2.自动补全括号 "editor.autoClosingBrackets": true 阅读全文
posted @ 2021-11-21 10:34
leiyanting
阅读(48)
评论(0)
推荐(0)
摘要：
Vuex 1.概念 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 2.何时使用？ 多个组件需要共享数据时 3.搭建vuex环境 创建文件：src/store/index.j 阅读全文
posted @ 2021-11-21 10:25
leiyanting
阅读(61)
评论(0)
推荐(0)
浙公网安备 33010602011771号