摘要：路由独享守卫，是指在单个路由配置的时候也可以设置的钩子函数，其位置就是下面示例中的位置，也就是像Foo这样的组件都存在这样的钩子函数。目前他只有一个钩子函数beforeEnter： const router = new VueRouter({ routes: [ { path: '/foo', co 阅读全文

摘要：全局守卫，是指路由实例上直接操作的钩子函数，他的特点是所有路由配置的组件都会触发（直白点就是触发路由就会触发这些钩子函数），如下的写法。钩子函数执行顺序包括beforeEach、beforResolve、afterEach三个。 const router = new VueRouter({ ... 阅读全文

摘要：1、导航守卫是什么？ 官方是这么说的： 正如其名，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。 好吧，看不懂，那就好好来理解下吧。 其实，导航守卫就是路由跳转过程中的一些钩子函数，再说的直白点路由跳转是一个大的过程，这个大的过程分为跳转前、中、后等细小的过程，在每一个过程 阅读全文

摘要：1、什么是keep-alive？ keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。 2、keep-alive的优点？ 在组件切换过程中 把切换出 阅读全文

摘要：如果需要设置全局变量或全局方法，并且不想污染全局作用域，这种情况下，可以通过在原型上定义它们使其在每个 Vue 的实例中可用。在main.js中添加。 1、基本示例 在main.js中添加一个变量到 Vue.prototype，代码如下： Vue.prototype.$appName = 'My A 阅读全文

摘要：后台返回的json数据结构如下： let jsonStr = { "a" : "a1", "b" : "b1", "4" : "44", 'name' : '小王' } 在方法中遍历对象获取对象的键和值，可以通过以下两种方法实现： 方法一：通过for循环遍历对象的键和值 for(var key in 阅读全文

摘要：当面试官考问vue-router的路由模式，这个回答令我直接出局。 当时我只回答出 hash 模式 和history模式，后面就磕磕巴巴... 其实当时我的内心活动就是一脸懵逼，根本就不知道什么实现原理，之后我上网搜了好多帖子，终于找到了一个满意的回答。 其实但凡我能说出 hash 和 histor 阅读全文