watch 除了可以监听数据的变化, 路由的变化也能被其监听到
效果如下:
路由监听. gif
具体代码 https://gitee.com/zhiqiexing/vue.js/blob/2a2fad33245529f30980cb2ecb3441dc3b9d6724/code/01/40.html
当路由发生变化后, 在 watch 中写具体的业务逻辑
- let vm = new vue({
- el: "#app",
- data: {},
- router,
- watch: {
- '$route.path': function (newVal, oldVal) {
- if (newVal === '/login') {
- console.log('欢迎进入登录页面');
- }
- if (newVal === '/register') {
- console.log('欢迎进入注册页面');
- }
- }
- }
- })
监听路由变化
来源: http://www.jianshu.com/p/6fbf743ca3f9