在vue-router控制前端权限是常见需求： 有一种做法是直接在后端完成判断，提供页面列表和操作列表，在前端进行渲染，但这个方案并不优雅，前后端耦合度比较高。 比较常见的做法是把登录页面独立在router之外，专门写一个权限控制文件，在登录之后根据用户权限加载router，之后把...[2018/10/30]

先说结论：在改变pageSize时，若当前的currentPage超过了最大有效值，就会修改为最大有效值。 一般Pagination组件的声明如下： <el-pagination @size-change="handleSizeChange" @current-c...[2018/10/30]

一、什么是原型链? 简单回顾下构造函数,原型和实例的关系:      每个构造函数(constructor)都有一个原型对象(prototype),原型对象都包含一个指向构造函数的指针,而实例(instance)都包含一个指向原型对象的内部指针. 然鹅,在...[2018/10/26]

什么是生命周期？ 生命周期就是指一个对象的生老病死 产品生命周期（product life cycle），简称PLC，是产品的市场寿命，即一种新产品从开始进入市场到被市场淘汰的整个过程。弗农认为：产品生命是指市场上的营销生命，产品和人的生命一样，要经历形成、成长、成熟、衰退这样的周期。 vue生命周...[2018/10/24]

WebSorm是一款优秀的前端开发工具，而Vue项目可以使用Node进行编译运行，平常我们可以通过命令行部署项目进行调试。 本文介绍设置Webstorm进行快速部署Vue项目。 第一步 点击启动快捷按钮旁边的向下小箭头，在列表中选择Edit选项： 第二步 打开启动设置页面后，点击左上角的加号添加...[2018/10/19]

　　因业务需求，需要一个树形表格，并且支持拖拽排序，任意未知插入，github搜了下，真不到合适的，大部分树形表格都没有拖拽功能，所以决定自己实现一个。这里分享一下实现过程，项目源代码请看github，插件已打包封装好，发布到npm上　 本博文会分为两部分，第一部分为使用方式，第二部分为实现方式 ...[2018/10/18]

vue-router是一个插件包，要先用npm进行安装 1、安装vue-router npm install vue-router yarn add vue-router 2、引入注册vue-router import Vue from...[2018/10/16]

最近的开发项目中使用了vue-cli 3.0，使用体验可以说非常棒了，模板更加制定化，配置更加简洁。以下总结下应用过程中的一些经验。 1. 安装 npm install -g @vue/cli 2. 创建一个项目 vue create iview-a...[2018/10/16]

vue提示插件【Vscode】       编者寄语：vscode的确是前端开发中很好的工具，安装颜色插件，从视觉上是美的享受。曾经的我遇到了vscode代码全是灰色，黑色的困惑，后来整理找到方法，整理这篇，以下高亮插件，建议大家都安装了。 &nb...[2018/10/12]

Vue是一款比较流行的JS库，本文为大家介绍一些Vue组件,包括UI组件,开发框架,服务端,辅助工具,应用实例,Demo示例等开源项目 一、Vue常用UI组件 element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 i...[2018/10/10]

Object.defineProperty() 实现之前我们得先看一下Object.defineProperty的实现，因为vue主要是通过数据劫持来实现的，通过get、set来完成数据的读取和更新。 var obj = {name:'wclimb'}...[2018/9/27]

最近做vue项目时遇到登录权限问题，登录以后再发送的请求头部并没有携带登录后设置的cookie，导致后台无法校验其是否登录。检查发现是vue项目中使用axios发送ajax请求导致的。查看文档得知axios默认是不让ajax请求头部携带cookie的，因此，在main.js中设置如下： impor...[2018/9/27]

需要准备的东西：Vue+axios+Vuex+Vue-router 1.在login.vue中通过发送http请求获取token 根据api接口获取token var url = this.HOST + " e ion"; ...[2018/9/27]

1.安装 npm install --save-dev le le -loader npm install --save-dev style-loader c -loader 先在index.html页面head标签内插入这段代码 <script> (func...[2018/9/26]

要想移动端适配 并使用 rem  您需要先看这篇文章，配置好le ?? 在vue 中使用 le ，就可以使用rem了   如果项目已经开发的差不多了，没有用到rem 又要使用rem，您用这招。 postc -pxtorem：转换px为rem的插件 安装&nbs...[2018/9/26]

前言 现如今移动端APP对用户体验方面的要求越来越高了，最近致力于用户体验优化，因为需要实现类似APP页面切换的动画效果，百度google搜索资料不是很全，所以自己写文档，在实现效果的基础上，顺便恶补一波VueRouter及CSS过渡动画的知识点，欢迎有兴趣的朋友多多指教。 vue-route...[2018/9/26]

1.安装node环境，然后在命令行输入node -v 和npm -v 查看版本号 2.在正式开始项目之前我们先介绍一下vue-cli，vue-cli是一个脚手架工具，vue-cli是帮助我们写好vue.js基础代码的工具，可以帮助我们生成一个项目目录，可以本地调试，单元测试，代码部署等等。 安装v...[2018/9/25]

环境搭建 安装NodeJS →箭头 https: nodejs.org/en/ NPM是随同NodeJS一起安装的包管理工具。 检查环境是否安装成功： 打开一个命令提示符，有成功输出版本号则为安装成功。 检查node 版本号 node -v 检查npm版本号 npm -v ...[2018/9/25]

        因为公司项目要用vue框架，所以会用vue-cli来新建项目。用过vue的都知道，要全局安装vue以及脚手架vue-cli，然后执行vue init webpack projectname来新建vue项目模板。但是最近新建项目的时候发现，即使...[2018/9/25]

开篇先来一张图 下图是官方展示的生命周期图   Vue实例的生命周期钩子函数（8个）         1. beforeCreate         &nbs...[2018/9/25]

vue的内容分发非常适合“固定部分+动态部分”的组件的场景，固定部分可以是结构固定，也可以是逻辑固定，比如下拉loading，下拉loading只是中间内容是动态的，而拉到底部都会触发拉取更多内容的操作，因此我们可以把下拉loading做成一个有slot的插件。 单个Slot 在chi...[2018/9/25]

概述 后台管理系统里面有非常多的表单需求，我们希望能够通过写一个json格式的数据，通过vue的循环动态地去渲染动态表单。并且能够在外部得到渲染出来的表单的数据，可以对表单进行重置操作。我结合element ui的控件的下拉框,输入框，时间选择控件和vue-treeselect，做了一个动态表...[2018/9/25]

前言 像我们熟悉的 vue-cli，create-react-app 等脚手架，只需要输入简单的命令 vue init webpack project，即可快速帮我们生成一个初始项目。在实际工作中，我们可以定制一个属于自己的脚手架，来提高自己的工作效率。 为什么需要需要脚手架？ ...[2018/9/25]

问题由来 最近在做项目的时候遇到使用循环组件，因为模式一样，只有数据不一样。按照普通组件调用格式来做的时候总是报错，错误信息为[Vue warn]: Unknown custom element: <selfile> - did you register the compone...[2018/9/25]

最近开发过程中遇到一些小问题(似乎问题总是那么多)，但一直没什么时间去优化与解决。程序员不能被业务绑架，有时间还是花点在代码上😀，开始这次的vue尝试吧。 【遇到的问题】 在一个可滑动列表页弹出一个全屏蒙层，蒙层固定，中间一块显示消息框，当用手滑动蒙层空白处时，滑动事件会穿...[2018/9/25]