随笔分类 -  Vue

mockjs 模拟实现增删改查
摘要：/*mUtils.js*/ export const param2Obj = url => { const search = url.split('?')[1] if (!search) { return {} } return JSON.parse('{"' + decodeURIComponen 阅读全文
posted @ 2020-05-31 23:43 前端客 阅读(2303) 评论(0) 推荐(1)
Vue绑定事件v-on(@)与修饰符
摘要：Vue使用v-on指令绑定事件，简写为@，其用在普通元素上时，只能监听原生 DOM 事件。用在自定义元素组件上时，也可以监听子组件触发的自定义事件。 1.修饰符 stop - 调用 event.stopPropagation(),停止冒泡。 prevent - 调用 event.preventDef 阅读全文
posted @ 2020-05-11 00:40 前端客 阅读(2285) 评论(0) 推荐(0)
Vue状态(视图共享)管理：Vuex
摘要：设想一下，如果不用Vuex,我们应该如何在页面各组件之间传值？通过props、$emit在父子组件之间来回穿梭传值？抑或通过bus在组件之间共享值？无论哪种方式，都是极其麻烦或者可读性非常差的。而Vuex的引入很好的解决了这个问题，它把一些共享的属性（状态）集中的管理起来，使得你只需要关注Vuex中 阅读全文
posted @ 2020-05-11 00:38 前端客 阅读(648) 评论(0) 推荐(0)
Vue UI框架对比：Element UI、Ant Design Vue、iView
摘要：本篇文章将介绍常用的几个Vue UI框架，不说好坏，只对一些参数进行对比,大家可以根据自己的考量选择适合自己的UI框架。 文章推荐：《总共投入一万多，靠销售网络赚钱课程，每月收入近10万》 1. 对比 框架名称组件数量单元测试率admin项目维护团队GitHub Star数（2019/10/16）原 阅读全文
posted @ 2020-05-11 00:35 前端客 阅读(28299) 评论(0) 推荐(3)
搞清楚Vue-router中的Router、Router实例、Router对象的区别与联系
摘要：1. Router Router是Vue-router的定义，在面向对象的思想中可以理解为Router类。 2. Router实例 Router实例是指通过new Router()方法实例化的一个Router实例对象。 3. Router对象 一个路由对象 (Router对象) 表示当前激活的路由的 阅读全文
posted @ 2020-05-11 00:32 前端客 阅读(1525) 评论(0) 推荐(0)
Vue-router高级进阶知识
摘要：1. 导航守卫 导航守卫：在路由正在发生改变的过程中，通过跳转或取消跳转的方式控制导航。 控制导航过程的三个机会点：全局的、单个路由独享的及组件内的。 1.1 全局的 前置守卫 使用 router.beforeEach 注册一个全局前置守卫： 12345 const router = new Vue 阅读全文
posted @ 2020-05-11 00:19 前端客 阅读(570) 评论(0) 推荐(0)
Vue-router基础知识
摘要：1. 响应路由参数的变化 定义一个路由如下： 12345678910111213141516 export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/', name: ' 阅读全文
posted @ 2020-05-11 00:15 前端客 阅读(357) 评论(0) 推荐(0)
通过Vue路由传参的两种方式及Vue组件中接收参数的方式
摘要：1. Vue传参方式 1.1 通过动态路由传参 我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染。那么，我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segmen 阅读全文
posted @ 2020-05-11 00:13 前端客 阅读(19368) 评论(0) 推荐(0)