Vue 导航守卫(钩子函数)

前言 所谓的 Vue 路由导航守卫,也就是我们常说的生命周期钩子函数,导航守卫只是官方的称呼,在这里我们不妨把它叫做钩子函数,钩子函数的意思就是在特定的时刻 Vue 会自动触发这个方法,我们可以通过这些个钩子函数,实现一些功能,比如,某些页面需要登录后才可以访问、某些页面需要用户达到什么等级才可以访问,又或者是跳转页面后修改一些信息等等,我们就可以通过路由导航守卫来拦截并作相应的处理...

2018
02-26

Vue 编程式导航

前言 编程式导航,其实就是把浏览器的一些前进,后退按钮放到页面中实现而已,不过利用它,我们就可以很方便地对路由的前进后退进行跳转了。这个功能对于用户来说还是挺实用的,因为很多时候用户都会去点浏览器里的前进后退按钮,就看你想不想把它放到页面中了,假设我们要这么做,那么我们就来看看要怎么才能实现这个效果。 这个示例我们用了 Bootstrap 框架的一些样式,所以如果你是拷贝这个示例代码并...

2018
02-25

Vue 导航切换过渡动画

前言 Vue 导航切换过渡动画很常用,页面使用上了过渡动画,用户体验更上一层楼,Vue 的过渡动画内容不多,但是我们可以通过它来实现很多不同的动画效果,它主要是配合 CSS 样式来实现动画效果的。下面我们就来看看 Vue 的导航切换时的过渡动画。 Vue 动画之旅 首先们来先来看一个比较简的示例,我们直接在App.vue 根组件中写代码: App.vue <template> <div id="app"> <ul>...

2018
02-25