![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue.js
文章平均质量分 50
学到的vue.js知识,不包括vue3.0
Api工程师~
这个作者很懒,什么都没留下…
展开
-
项目实用功能-全局loading动画
调用的每一个接口都要绑定一个loading真的很烦。原创 2022-09-28 16:00:29 · 901 阅读 · 0 评论 -
非常简单的清除axios请求(vue,react通用)
1、添加js文件实现添加与删除接口的功能。import axios from 'axios'class CancelToken { // 声明一个 Map 用于存储每个请求的标识 和 取消函数 static pending = new Map() // 白名单, 写入接口名称 static whiteRequest = [] /** * 得到该格式的url * @param {AxiosRequestConfig} config * @returns转载 2022-05-07 14:36:57 · 2975 阅读 · 0 评论 -
解决vue路由守卫报错信息
//在router文件中写入,修改报错信息const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location, onResolve, onReject) { if (onResolve || onReject) { return originalPush.call(this, location, onResolve, onReject) } return ori.原创 2021-05-25 11:12:57 · 4561 阅读 · 3 评论 -
router的使用
router-link特性 默认是会被渲染成a标签 可以用tag属性修改属性值to属性跳转到哪个页面和path对应 (相当于执行一次this.$router.push(’/name’))replace属性,不需要写值,让页面不可回退,默认是push属性active-class用于修改单个class属性tag渲染成什么元素router-viewrouter-view决定渲染组件位置routes简单语法【注意】:不要忘记引入组件const routes = [ { pa原创 2021-05-18 08:29:51 · 1148 阅读 · 0 评论 -
vuex的使用
vuex模块化开发辅助函数的应用(最方便的应用方式)第一种//as 给createNamespacedHelpers命名为helperimport { createNamespacedHelpers as helper } from 'vuex'//helper会默认给每个函数都加上路径参数 'a/'const { mapState, mapMutations, mapGetters, mapActions } = helper('a/')export default { com原创 2021-05-12 14:57:12 · 138 阅读 · 0 评论 -
vue 利用hash值实现刷新无跳转页面
//子组件一定要有name值<template> <div> <ul> <li @click="aaa(i)" v-for="(v, i) in nav" :key="i">{{ v }}</li> <components :is="active"></components> </ul> </div></template><script>im.原创 2021-04-25 20:33:06 · 798 阅读 · 0 评论 -
vue 面试题合集
原理篇:1,computed和watch的区别computed 计算属性 : 依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值。 对检测的值没有要求watch 侦听器 : 更多的是「观察」的作用, 值为复合类型时,需要开启深度监听deep ,自执行一次immdeiate。应用场景:当我们需要进行数值计算,并且依赖于...原创 2021-04-23 12:20:23 · 171 阅读 · 0 评论 -
vue自定义指令(详细)
局部自定义指令自定义指令可以调用 5个函数,4个参数函数:* bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 * inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。 * update:所在组件的 VNode 更新时调用,但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变,也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新。 * componentUpdated:指令所在组件的 VNo转载 2021-04-21 23:05:53 · 129 阅读 · 0 评论