![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 82
飘倩1104
这个作者很懒,什么都没留下…
展开
-
Vue fliters(全局使用)
1.首先开始项目的时候,有一些方法我们是需要全局使用的。这些很多页面需要用的、使用频率极高的方法,我们一般会将其封装为全局的方法或者局部需要混入相同的方法,数据等等,(mixins(复用方法)和filters(过滤器)); 2.需要独立在untils文件夹里创建一个filters.js文件 /** * 过滤方法 * 适用于多个组件需要公用的过滤方法 */ const demoFiltersOne = name => { return name+'我只是随便一个过滤方法1' } const原创 2020-06-29 15:47:11 · 355 阅读 · 0 评论 -
关于各系统(统一登录) 前端(vue)
类似于登录淘宝或者天猫跳转到统一登录页面,登录成功携带参数跳转页面 需求:多个后台管理系统 => 未登录 => 跳转到统一登录界面 => 登录成功携带token => 需要登录系统截取token添加到请求头 => 请求参数展示页面 首先单独开发一个统一登录的功能 <template> <div class="login"> ...原创 2020-02-26 15:00:41 · 4496 阅读 · 0 评论 -
关于企业微信扫码登陆vue
企业微信扫码登陆官方文档 采用的是第一种(构造独立窗口登录二维码) 对于前端来说就步骤就是 页面展示二维码 => 用户扫码登陆点击确定 => 确定之后重定向自己配置的路径 => 企业微信会返回一个code => 前端截取code传给后台换取token ,话不多说上代码。 在其login页面 <template> <div class="lo...原创 2020-02-21 17:02:24 · 1991 阅读 · 0 评论 -
关于vue中混入(mixins)个人理解
官方解释:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 (也就是说组件当中写的代码可以直接引入外部的代码,就和引入js代码大同小异,但是如果有重复数据或者方法以当前组件中的方法为准 ) 这是混入的JS文件 // 简单的举例 导出混入方法或者数据 ...原创 2020-01-15 16:42:27 · 478 阅读 · 0 评论 -
vue结合axios登录拦截添加token
1.首先登录之前需要用到全局的前置守卫(防止输入路由直接登录) // 根据自己习惯,可以在main.js也可以 import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) const myLogin = () => import('../views/login') // 此类写法懒加载 cons...原创 2020-01-04 13:24:29 · 430 阅读 · 0 评论 -
关于vue-cli3脚手架的安装以及初始化项目
1.首先安装脚手架(vue-cli3) npm install -g @vue/cli 2.然后创建自己的项目 // 记住my-project不要用驼峰命名 vue create my-project 3.根据自己项目所需就可快速创建你的项目 4.可见官方链接详情 ...原创 2020-01-03 11:39:08 · 523 阅读 · 0 评论