iTao0128 - 博客园

2022年11月25日

摘要：有时候，需要从store中获取一些state变化之后的数据，这是可以放入getters中下面例子：获取年龄大于20的学生数据注： getters默认是不能传递参数的，如果希望传递参数，那么只能让getters本身返回一个函数阅读全文

posted @ 2022-11-25 22:35 iTao0128 阅读(24) 评论(0) 推荐(0)

摘要：通过mutations修改state状态 mutations中的方法必须是同步方法 this.$store.commit('mutations中的方法') const store = new Vuex.Store({ state: { counter: 100 }, mutations: { //方阅读全文

posted @ 2022-11-25 17:42 iTao0128 阅读(31) 评论(0) 推荐(0)

vuex

摘要：安装 npm install vuex --save 创建store文件夹及index.js文件 import Vue from 'vue' import Vuex from 'vuex' //1.安装插件 Vue.use(Vuex) //2.创建对象 const store = new Vuex. 阅读全文

posted @ 2022-11-25 15:52 iTao0128 阅读(25) 评论(0) 推荐(0)

2022年11月24日

vueCli2路径别名

摘要：使用方式路径前面加上~ import方式导入不需要加~ 阅读全文

posted @ 2022-11-24 20:11 iTao0128 阅读(37) 评论(0) 推荐(0)

2022年11月23日

父组件传子组件参数限制String类型

摘要： <template> <div class="tab-bar-item" @click="itemClick"> <div v-if="!isActive"><slot name="item-icon"></slot></div> <div v-else><slot name="item-icon- 阅读全文

posted @ 2022-11-23 22:40 iTao0128 阅读(54) 评论(0) 推荐(0)

2022年11月21日

keep-alive

摘要： keep-alive是vue内置组件，可以使被包含的组件保留状态，避免重新渲染 router-view也是一个组件，如果之间被包在keep-alive里面，所有路径被匹配到的视图组件都会被缓存切换home组件时的created只会被执行一次，destroyed不会被执行，即始终保持组件活跃状态 k 阅读全文

posted @ 2022-11-21 22:30 iTao0128 阅读(163) 评论(0) 推荐(0)

vue-router组件内的守卫

摘要：参考文档： https://router.vuejs.org/zh/guide/advanced/navigation-guards.html 路由独享的守卫进入路由之前回调组件内的守卫阅读全文

posted @ 2022-11-21 22:10 iTao0128 阅读(33) 评论(0) 推荐(0)

2022年11月20日

vue-router全局导航守卫

摘要：实现组件跳转时，浏览器标题更新 ①router的index.js文件中 routes配置添加meta属性 ②router.beforeEach方法 import Vue from 'vue' import VueRouter from 'vue-router' const Home = () => 阅读全文

posted @ 2022-11-20 22:08 iTao0128 阅读(109) 评论(0) 推荐(0)

2022年11月19日

vue-router参数传递

摘要：通过query传递使用$route获取query对象通过代码跳转路由的方式传递参数 <template> <div id="app"> <router-link to="/home" tag="button" >首页</router-link> <router-link to="/about" 阅读全文

posted @ 2022-11-19 17:15 iTao0128 阅读(35) 评论(0) 推荐(0)

路由的嵌套

摘要： home路径下配置一个news和message子路径 import Vue from 'vue' import VueRouter from 'vue-router' const Home = () => import('../components/Home') const HomeNews = ( 阅读全文

posted @ 2022-11-19 16:05 iTao0128 阅读(62) 评论(0) 推荐(0)

菜鸟需勤奋

公告