小編給大家分享一下vue實現(xiàn)局部刷新的示例，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都做網(wǎng)站、成都網(wǎng)站設(shè)計、山陽網(wǎng)絡(luò)推廣、小程序設(shè)計、山陽網(wǎng)絡(luò)營銷、山陽企業(yè)策劃、山陽品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供山陽建站搭建服務(wù)，24小時服務(wù)熱線：028-86922220，官方網(wǎng)址：www.cdcxhl.com

我們都知道，vue的組件化是他最強大的核心所在，路由也是特別可愛的一部分，但是路由適合一些大型的組件，看url路徑的時候會出現(xiàn)變化，但是有時候我們想要一些小的局部小刷新，這個時候就需要用到它的動態(tài)組件了。

Vue 自身保留的 元素，可以將組件動態(tài)綁定到 is 特性上，從而很方便的實現(xiàn)動態(tài)組件切換

代碼如下：slotDome.vue:

simple1.vue:

simple2.vue:

上例中，當(dāng) tabView 的值改變， 就會渲染對應(yīng)的組件，和路由的效果十分類似，但是地址欄并沒有發(fā)生改變

但這樣一來，每次切換組件都會重新渲染，無法保留組件上的數(shù)據(jù)。這時可以使用 keep-alive 將組件保留在內(nèi)存中，避免重新渲染

頁面效果如下：

以上是“vue實現(xiàn)局部刷新的示例”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！