### Vue中使用歷史焦點
這部分較多的配置在應用端,vue-epg 負責返回焦點的xpath,并提供方法 this.$service.getEleByPath 來查找元素
### 原理
vue-epg 的焦點始終只有一個,不會出現多焦點、重復焦點的問題。焦點(this.$service.pointer)為只讀屬性,不可被賦值。
當頁面離開后,自動記錄當前焦點的位置,通過 **this.$service.getPointerPosition()** 來獲取當前焦點的 xpath。
將xpath 存儲到狀態機(或其他自定義的存儲中),回到頁面時取出,通過**this.$service.move()** 來移動到之前的焦點。
vue-epg 提供方法通過xpath獲取元素 **this.$service.getEleByPath(xpath)** ,
*關于 xpath 請閱讀 [文檔](http://www.w3school.com.cn/xpath/index.ASP)*
#### **Example**
~~~
let el = this.$service.getEleByPath('/div/div/div[3]/div[5]/')
this.$service.move(el)
~~~
由于 beforeRouteLeave 不能知道是否是返回到的頁面還是離開頁面,所以需要添加 isBack 來判斷
epg 提供 Back 方法來監聽頁面返回操作,在返回方法中設置isBack=true
建議:結合Vuex來記錄焦點狀態