如何利用vue+vue-router+elementUI实现简易通讯录
beforeRouterEnter ：在进入路由之前执行 beforeRouterLeave ：在离开路由前执行 to 相当于request， from 相当于response， next 相当于chain：从哪里来，到哪里去，是否继续往下走。
用 Vue.js + VueRouter 创建单页应用，是非常简单的。
或者采用模糊匹配的方式进行映射。除此之外，history模式下，如果后端不是一对一的进行映射，而是模糊匹配的话，那么就要注意一下404的情况了。这个时候就需要在前端router中定义404页面了。
ElementUI的tree组件提供了很多方法，用于父组件去操作子组件。
这次给大家带来怎样使用vue，vue-router， vuex及addRoutes进行权限控制，使用vue，vue-router， vuex及addRoutes进行权限控制的注意事项有哪些，下面就是实战案例，一起来看一下。
怎样使用vue实现下拉列表功能
1、我们利用 Vue.js 的自定义指令能力，来实现一个自定义下拉菜单功能。描述如下： 点击按钮，弹出下拉菜单。 点击下拉菜单之外的区域，关闭下拉菜单。
2、下边以单选框、复选框和下拉框为例介绍他们在HTML和Vue.js中的具体实现方式。单选框 在传统的HTML中实现单选框的方法如下： 男 女 注：这里name属性值必须相同，以确保同一时间只有一个能被选中。
3、先上图创建项目使用vue-cli 创建一个vue项目安装vux，可以参考：vux快速入门配置官方文档地址打开后会看到一段话该组件已经不再维护，也不建议使用，大部分情况下也不需要用到该组件。
详解Vue.js如何实现列表清单
打开/src/App.vue，修改如下位置：调整列表页面打开/src/pages/Index.vue代码如下：注意：上面我们初始化查询第一页的数据，并规定每页显示10条，我们没有做分页功能的开发。
Vue中computed就是 实时计算 使用。 Vue检测到数据发生变动时就会执行对相应数据有引用的函数。 下面是一个demo。引用自己的vue.js就可以看效果。 利用computed可以做一些监控之类的效果。
在替换 items 数组时，Vue.js 如果碰到一个有 _uid： 88f869d 的新对象，它就会知道可以直接复用有同样 _uid 的已有实例。 在使用全新数据重新渲染大型 v-repeat 列表时，合理使用 track-by 能极大地提升性能。
本文主要和大家分享vue.js如何控制列表每一项，希望能帮助到大家。
下面我就为大家分享一篇vue.js给动态绑定的radio列表做批量编辑的方法，具有很好的参考价值，希望对大家有所帮助。
怎样使用vue实现个人信息查看与密码修改
1、一样的实现方法啊，和原生一样通过后端的接口发送相关参数，一般vue接口用axios，它的用法和ajax是差不多的，但是在vue上需要npm安装axios。
2、把ui结构 放到页面中：添加用户的对话框：需要定义一个布尔值，addDialogVisible 在date中定义此数据默认false为隐藏。为添加按钮点击添加单机事件，绑定addDialogVisible为true 点击后对话框展示出ture，使用form表单。
3、下面，我们将介绍如何使用Vue从数据库中获取数据实现这个登录功能。
4、以表单元素为粒度，分离出了手机号、密码、短信验证码这几个组件，它们内部都有自己的表单验证方法，通过组合可以快速完成登录、注册、找回密码等表单组件。
5、首先要了解rsa加密的流程：第一步返回publicKey前端，用来对password等敏感字段的加密。第二步，前端进行password敏感字段的加密。第三步post数据给后端。第四步用publicKey与privateKey进行解密。