有些场景需要复用函数跳转路由。

比如在商城系统中，各个页面点击商品都是要执行一个方法跳转到该商品的详情页，那么我们可以共用一个函数避免每个页面都单独写。

我们可以这样做：

1、src目录下新建一个目录services
2、services目录下新建一个js文件比如goPage.js
3、代码（为了让你进步代码做了处理）

import routerfrom'../router'

export class GR. {
  goDetail(item) {
    console.log("goDetail::", item);
    router.push('/product/' + item.id);
  }
}
var EC = new GR();

export default EC;

4、main.js声明

import GR from './services/goPage.js'
Vue.prototype.gr = GR;

5、页面调用

	@click="gr.goDetail(item)"

这其中的焦点问题在于，我们在.vue文件中js跳转路由是this.$router.push，而在.js文件中，引用了router以后是直接router.push这样来使用的。