在vue專案中，很多場景需要我們重新整理元件，一般常用的兩種重新整理方法：
window.location.reload()，原生 js 提供的方法；
this.$router.go(0)，vue 路由裡面的一種方法；
這兩種方法都可以達到頁面重新整理的目的，簡單粗暴，但是使用者體驗不好，相當於按 f5 重新整理頁面，頁面的重新載入，會有短暫的白屏。
那麼，怎麼實現無痕重新整理呢？
先在全域性元件註冊乙個方法，用該方法控制router-view的顯示與否，然後在子元件呼叫。
v-if控制的顯示。
provide：全域性註冊方法。
methods：設定reload方法。
在子元件中使用inject插入父元件的重新整理方法。
在.vue子元件中使用，先用inject註冊，然後即可通過this呼叫：
Vue實現無痕重新整理
在不重新整理瀏覽器的情況下，實現頁面的重新整理。傳統的重新整理頁面方式 window.location.reload 原生 js 提供的方法 this.router.go 0 vue 路由裡面的一種方法 這兩種方法都可以達到頁面重新整理的目的，簡單粗暴，但是使用者體驗不好，相當於按 f5 重新整理頁...
vue元件定時重新整理
遇到問題 需要定時重新整理獲取新的資料進行展示 解決方法 setinterval 定時重新整理 備註 在vue專案中，我們該將重新整理放在生命週期的mounted階段。定時重新整理 mounted else,6000 元件銷毀時清除 destroyed 首先看一下生命週期 看一段 可貼上複製直接執行...
vue強制重新整理元件
把乙個元件重置到初始狀態是乙個常見的需求，推薦的做法有兩種，一種是父元件重置子元件的 prop，另一種是子元件暴露乙個重置的方法供父元件呼叫。但有些時候，子元件既沒有提供重置的方法，也沒提供 prop 來重置自己的狀態。更重要的是，這個子元件我們還動不了。於是我們就需要一種 hack 的方式來強制子...