const Foo = {
 template: `...`,
 beforeRouteEnter (to, from, next) {
 // 在渲染該組件的對(duì)應(yīng)路由被 confirm 前調(diào)用
 // 不！能！獲取組件實(shí)例 `this`
 // 因?yàn)楫?dāng)守衛(wèi)執(zhí)行前，組件實(shí)例還沒(méi)被創(chuàng)建
 // 可以通過(guò)傳一個(gè)回調(diào)給 next來(lái)訪問(wèn)組件實(shí)例
 next(vm => { 
   // 通過(guò) `vm` 訪問(wèn)組件實(shí)例
  })
 },
 beforeRouteUpdate (to, from, next) {
 // 在當(dāng)前路由改變，但是該組件被復(fù)用時(shí)調(diào)用
 // 舉例來(lái)說(shuō)，對(duì)于一個(gè)帶有動(dòng)態(tài)參數(shù)的路徑 /foo/:id，在 /foo/1 和 /foo/2 之間跳轉(zhuǎn)的時(shí)候，
 // 由于會(huì)渲染同樣的 Foo 組件，因此組件實(shí)例會(huì)被復(fù)用。而這個(gè)鉤子就會(huì)在這個(gè)情況下被調(diào)用。
 // 可以訪問(wèn)組件實(shí)例 `this`
 // 不支持傳遞回調(diào)(因?yàn)閠his實(shí)例已經(jīng)創(chuàng)建可以獲取到，所以沒(méi)必要)
 next()
 },
 beforeRouteLeave (to, from, next) {
 // 導(dǎo)航離開(kāi)該組件的對(duì)應(yīng)路由時(shí)調(diào)用
 // 可以訪問(wèn)組件實(shí)例 `this`
 // 該導(dǎo)航可以通過(guò) next(false) 來(lái)取消。
 const answer = window.confirm('Do you really want to leave? you have unsaved changes!')
 if (answer) {
  next()
 } else {
 // 不支持傳遞回調(diào)(因?yàn)閠his實(shí)例已經(jīng)創(chuàng)建可以獲取到，所以沒(méi)必要)
  next(false)
 }
 }
}

beforeRouteLeave (to, from, next) {
 const answer = window.confirm('當(dāng)前頁(yè)面數(shù)據(jù)未保存，確定要離開(kāi)![image](http://note.youdao.com/favicon.ico)？')
 if (answer) {
  next()
 } else {
  next(false)
 }
 }

mounted() {
 window.onbeforeunload = function (e) {
  if(_this.$route.fullPath =="/layout/add"){
   e = e || window.event;
   // 兼容IE8和Firefox 4之前的版本
   if (e) {
   e.returnValue = '關(guān)閉提示';
   }
   // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
   return '關(guān)閉提示';
  }else{
  window.onbeforeunload =null
  }
}
};

mounted() {
 window.onbeforeunload = function (e) {
  e = e || window.event;
  // 兼容IE8和Firefox 4之前的版本
  if (e) {
   e.returnValue = '關(guān)閉提示';
  }
  // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
  return '關(guān)閉提示';
 }
};
destroyed() {
  window.onbeforeunload = null
 }