
vue
文章平均质量分 50
前端爱好者小米粒
我爱学习,我爱思考,人生不能重来一遍,让时间来见证我每天的改变
展开
-
vue中mixins的使用必知
mixinsmixins 是一种可以扩展组件功能的复用对象.该混合对象可以包含组件中的任何属性.当一个组件使用该混合对象时,混合对象的属性会合并当前组件的属性.mixins和工具组件的区别组件在引用之后相当于在父组件内开辟了一块单独的空间,来根据父组件props过来的值进行相应的操作,单本质上两者还是泾渭分明,相对独立.而mixins则是在引入组件之后,则是将组件内部的内容如data等方法、method等属性与父组件相应内容进行合并。相当于在引入后,父组件的各种属性方法都被扩充了.mixins原创 2021-04-22 16:34:41 · 669 阅读 · 0 评论 -
vue中extend,mixins,extends,components,install的几个操作
前言你知道extend,mixins,extends,components,install用法吗?你知道他们的区别吗?你知道他们的执行顺序嘛?下面都能找到这些答案.1.Vue.extend1.使用vue构造器,创建一个子类,参数是包含组件选项的对象;2.是全局的// 创建构造器var Profile = Vue.extend({template: ‘{{extendData}}实例传入的数据为:{{propsExtend}}’,//template对应的标签最外层必须只有一个标签dat转载 2021-04-22 11:23:45 · 479 阅读 · 0 评论 -
vue中关于组件的知识
创建组件: 有两种方法,一种通过 Vue.component,另一种为Vue.extent,下面分别介绍:通过Vue.extent注册构造函数,然后在将实例对象挂载到指定节点新建一个工具文件,让后在main.js中引入,完事挂在prototype上面例子:import Vue from "vue";import Modal from "@/components/tools/modal";const ModalConstrutor = Vue.extend(Modal);function mo原创 2021-04-16 17:15:58 · 179 阅读 · 0 评论 -
当路由切换的时候如何取消上个页面的http请求?
需要两部分去完成.第一部分:首先需要在vue.protoType上声明一个空数组,用来放置需要执行取消http请求的方法,然后在axios的request拦截器中,给请求添加一个cancelToken的属性,config.cancelToken = new axios.CencleToken(cancel => { Vue.protoType.cancelList.push(cancel)}) 第二部分:当路由需要切换的时候,先检查这个cancelList中有无需要取消的http请求,原创 2021-03-11 14:39:05 · 793 阅读 · 0 评论 -
移动端适配解决方案以及px转换rem的方法
参考: amfe-flexible.原创 2021-01-21 09:20:03 · 355 阅读 · 0 评论 -
vue开发客户端------token失效路由跳转到登陆页
客户端token失效的情况下,点击其他路由要自动跳转到登陆页实现方式: 在路由文件router/index.js文件下面的登录路由中添加一个对公的条件,然后在beforeEach钩子函数中添加条件判断条件:// 登录的路由中添加对公的条件 { path: "/", redirect: "/login", },{ path: "/login", name: "login", component: () => import("../views/login原创 2020-10-20 16:38:10 · 1583 阅读 · 0 评论