本文封装的分页组件主要是在elementui的el-pagination基础之上因页面需要在切换页面的时候需要将页面滚动到表头的位置，所以增加了页面的滚动。 1、引入import Pagination

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 1. 技术栈说明 vue2.6 + vue-router + vuex + element-ui 2. 开

注意：vue-router是无法完全控制前端路由权限。 在实际开发中路由常常存在是否登录访问和是否需要登录访问的情况,于是可以通过token和路由配置meta信息中定义isAuth字段来区分。 实现动态添加路由规则只需要使用vue-router实例方法router.addRou…

安装vue-cli首先需要安装node，如果你的电脑已经安装node，就可以使用node自带的npm来安装vue-cli，你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node，我这里的npm版本为5.3.0。 如果n…

npm 安装的第三方依赖文件夹，在文件中引用依赖的时候不需要输入完整路径，直接"文件名"，就ok了。 。整个页面是在#app容器下的顶层路由（在最外层vue实例的router-view）中渲染其他的组件（webpack通过vue-loader，找到.vue文件，将其转换为js文…

说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…

回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的…

其实Vue官方从2.6.X版本开始就部分使用Ts重写了。 我个人对更严格类型限制没有积极的看法，毕竟各类转类型的骚写法写习惯了。 1. 使用官方脚手架构建 新的Vue CLI工具允许开发者 使用 TypeScript 集成环境 创建新项目。 只需运行vue create my-…