vue手机端回退_vue路由回退

我想点击Foo1时，隐藏Foo1,显示我是foo，然后点浏览器回退按钮回到最初状态(即直只显示Foo1)，该如何实现？怎么侦听路由hash变化？

Document

Hello VUE-Route

Foo1

// 1 定义路由组件，可以从其他地方引入

const Foo={

template:"

我是foo

"

}

//2 定义路由,每个路由包括两个部分，path和component，以数组形式存储

const routes=[

{path:"/foo",component:Foo},

]

// 3 实例化router

const router=new VueRouter({

routes:routes

})

//挂载app

const app=new Vue({

el:"#app",

data:{

ifShow:true

},

methods:{

toggle:function(e){

alert(22)

this.ifShow=false

}

},

router:router

})