美文网首页
易维护的 vue的项目的搭建

易维护的 vue的项目的搭建

作者: 简书小呆 | 来源:发表于2018-06-06 21:18 被阅读0次

axios 的封装 常用方法的封装 然后放到原型上

  • 先把axios发到一个类中把需要添加的token 跟不同状态的信息处理 也可以认为是请求或者响应拦截吧
  • 把store这些存储的sessionStrong 跟localStore 存储封装成一个类 把实例放到 Vue的原型上 在每一个组件上就可以this.store进行调用还可以吧给存储添加前缀和 加密解密 防止别人能看到
  • react 它不支持设置全局组件 但是我觉着可以合并到一个对象里边

还有webpack2.0以后出来的去中心化思想的 方法

  • 可以通过正则加载的方式来获取组件 也就是去中心化思想这样我们就不用每次都要把组件 引入了 直接在组件里用就好了 还有一些常用的方法 也可以通过正则加载某一个文件夹来动态注册
  • 也可以通难过这个方法用函数的形式来定义路由规则 但是不建议怎么弄这么弄得话 项目的路由就不直观了

异步请求放到一起 方便维护

  • 把所有的请求放到一个对象里注册成一个方法 然后全部放到原型上 就好了这样就不用在每一个组件里拥有url的路径了

vue的登录权限控制 问题

+可以通过vue-router 中的router.addRouters()方法动态添加路由规则在登录成功后而不是再初始化的时候就把全部路由规则动态天机上去了

  • 原先是通过 每一路由跳转的时候通过全部路由规则跟登录后从后台获取的权限进行比对来设置的但是每一次路由跳转都会进行循环比对

相关文章

  • 易维护的 vue的项目的搭建

    axios 的封装 常用方法的封装 然后放到原型上 先把axios发到一个类中把需要添加的token 跟不同状态的...

  • 使用vue-cli构建单页面应用

    开始之前 vue-cli作为vue的脚手架工具,集成了webpack环境及主要依赖,对于项目的搭建、打包、维护管理...

  • vue.js-使用vue-cli3快速创建项目

    vue-cli作为vue的脚手架,集成了webpack环境及主要依赖,对于项目的搭建、打包、维护管理都非常方便。 ...

  • 【Vue】教程:三、Vue Cli3项目结构优化

    前提 完成vue cli3项目的新建,可参考教程【Vue】windows下vue cli3安装及搭建项目详解 一、...

  • vue2.0 之关于组件之间如何通信

    最近在学习用vue2.0进行项目的开发,由于接手项目的时候,项目的完整架构已经搭建完毕,为了不破坏之前的项...

  • 一张图教你快速玩转vue-cli3

    前言 本文系统的梳理了vue-cli3搭建项目的常见用法,目的在于让你快速掌握独立搭建vue项目的能力。你将会了解...

  • VUE学习之路一 项目搭建

    脚手架搭建vue项目框架 CLI3项目搭建查看 搭建方案 vue-cli 是一个官方发布 vue.js 项目脚手...

  • Vue一:Vue项目的搭建

    Vue项目的环境搭建 vue项目的搭建需要node.js环境,需要安装点击这里进入node.下载。傻瓜式安装即可;...

  • vue2.0+router路由

    1、搭建vue脚手架2、通过vue脚手架,我们搭建好了基础的vue,接下来就开始使用vue-cli来构建基础路由项...

  • vue移动端项目搭建

    本项目搭建适用于h5移动端的vue项目搭建,主体是基于vue-cli3脚手架,目的在于搭建个可用于快速启动项目的基...

网友评论

      本文标题:易维护的 vue的项目的搭建

      本文链接:https://www.haomeiwen.com/subject/uufisftx.html