随笔分类 -  Vue

vuex getter传入参数
摘要：可以通过让 getter 返回一个函数，来实现给 getter 传参。在对 store 里的数组进行查询时非常有用。 getters: { // ... getTodoById: (state) => (id) => { return state.todos.find(todo => todo.id 阅读全文
posted @ 2021-03-12 14:14 猫骨喵 阅读(1748) 评论(0) 推荐(0)
后台管理系统权限控制的思路
摘要：Login页登录时，发出请求，对比token 思路： login() → permission, axios, 拦截器 → 匹配token → Y，跳转home；N，抛出error 技术： vuex存储token, axios设置拦截器，scss, vue-router跳转页面, 阅读全文
posted @ 2021-03-12 14:10 猫骨喵 阅读(249) 评论(0) 推荐(0)
搭建开发环境
摘要：vue cli + webpack环境 vue init webpack myApp ps:myApp是项目名 阅读全文
posted @ 2021-03-11 21:24 猫骨喵 阅读(39) 评论(0) 推荐(0)
vuex 固定参数汇总
摘要：state: getter(state,getters,rootSate, rootGetters) mutation(state) action(context），即action({dispatch, commit, getters, rootGetters}) 阅读全文
posted @ 2021-03-07 13:21 猫骨喵 阅读(125) 评论(0) 推荐(0)
actions函数的context参数
摘要：action函数可以接收一个与store实例具有相同方法的属性context，这个属性中包括下面几部分： context:{ state, 等同于store.$state，若在模块中则为局部状态 rootState, 等同于store.$state,只存在模块中 commit, 等同于store.$ 阅读全文
posted @ 2021-03-07 13:12 猫骨喵 阅读(877) 评论(0) 推荐(0)
vuex actions传多个参数或函数
摘要：当要给actions传入多个参数或函数时，以对象形式传入，即 const actions = { getAllProducts({commit}, {vm, cb}) { // 将shop.js里的getAllGoods请求并获取数据 shop.getAllGoods(vm, products => 阅读全文
posted @ 2021-03-07 13:07 猫骨喵 阅读(1894) 评论(0) 推荐(0)
this.$nextTick()的用法
摘要：概念 将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。类似代码放在setTimeout(fn, 0)中执行。 应用场景 在Vue生命周期的created() 阅读全文
posted @ 2021-03-04 23:54 猫骨喵 阅读(3200) 评论(0) 推荐(0)
组件之间传递获取数据的方法
摘要：🎈父组件获取子组件的数据和方法 调用子组件的时候 定义一个ref <select ref="some"></headerchild> 在父组件里面通过this.$refs.some获取到子组件实例，则可以此调用子组件的方法、属性而获得相关数据 this.$refs.some.属性 this.$re 阅读全文
posted @ 2021-02-27 17:45 猫骨喵 阅读(261) 评论(0) 推荐(0)
生命周期钩子created和mounted的区别
摘要：created 类型：Function 详细： 在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，property 和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el property 目前尚不可用。 mounted 类 阅读全文
posted @ 2021-02-23 23:12 猫骨喵 阅读(226) 评论(0) 推荐(0)
如何更改vue cli项目的端口
摘要：1. 在根目录新建 vue.config.js 文件 2. 写入以下代码，保存 module.exports = { devServer: { port: 8081, }, lintOnSave: false } 3. 重新运行启动项目 阅读全文
posted @ 2021-02-21 15:02 猫骨喵 阅读(2041) 评论(0) 推荐(0)