leiyanting

导航

 

2021年11月21日

摘要: 3.多级路由(多级路由) 配置路由规则,使用children配置项: routes:[ { path:'/about', component:About, }, { path:'/home', component:Home, children:[ //通过children配置子级路由 { path: 阅读全文
posted @ 2021-11-21 20:23 leiyanting 阅读(171) 评论(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 阅读(47) 评论(0) 推荐(0) 编辑
 
摘要: 模块化+命名空间 目的:让代码更好维护,让多种数据分类更加明确。 修改store.js const countAbout = { namespaced:true,//开启命名空间 state:{x:1}, mutations: { ... }, actions: { ... }, getters: 阅读全文
posted @ 2021-11-21 17:40 leiyanting 阅读(135) 评论(0) 推荐(0) 编辑
 
摘要: 6.四个map方法的使用 引入方式 import {mapState,mapGetters,mapMutations,mapActions} from 'vuex' mapState方法:用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成计算属性:su 阅读全文
posted @ 2021-11-21 14:10 leiyanting 阅读(323) 评论(0) 推荐(0) 编辑
 
摘要: getters的使用 概念:当state中的数据需要经过加工后再使用时,可以使用getters加工。 在store.js中追加getters配置 ...... const getters = { bigSum(state){ return state.sum * 10 } } //创建并暴露stor 阅读全文
posted @ 2021-11-21 10:40 leiyanting 阅读(176) 评论(0) 推荐(0) 编辑
 
摘要: 1. TAB键位生成自定义标签 "emmet.triggerExpansionOnTab": true 2.自动补全括号 "editor.autoClosingBrackets": true 阅读全文
posted @ 2021-11-21 10:34 leiyanting 阅读(37) 评论(0) 推荐(0) 编辑
 
摘要: Vuex 1.概念 ​ 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。 2.何时使用? ​ 多个组件需要共享数据时 3.搭建vuex环境 创建文件:src/store/index.j 阅读全文
posted @ 2021-11-21 10:25 leiyanting 阅读(54) 评论(0) 推荐(0) 编辑