vue頁面上有多個vue例項，Vue js在頁面上有多個ajax請求時，生成一個Vue示例好還是多個例項好

1樓：匿名使用者

1、響應式屬性和方法

每個 vue 例項都會**其 data 物件裡所有的屬性。

var data =

var vm = new vue()

vm.a === data.a // -> true

// 設定屬性也會影響到原始資料

vm.a = 2

data.a // -> 2

// ... 反之亦然

data.a = 3

vm.a // -> 312345678910111213

即：都可以使vm.***這種方式獲取和修改例項屬性。

注意：注意只有這些被**的屬性是響應的。如果在例項建立之後新增新的屬性到例項上，它不會觸發檢視更新。我們將在後面詳細討論響應系統。

那麼這種情況的話，可以使用vuejs的vm.$***的方式來修改例項屬性，這同樣會觸發檢視更新，響應式的改變。

2、生命週期鉤子

生命週期鉤子包括created、beforecompile、compiled、ready、beforedestroy、destroyed

鉤子的 this 指向呼叫它的 vue 例項

我們可以在鉤子的方法中使用this來指代當前例項。vuejs中沒有控制器的概念，元件的自定義邏輯可以分割在這些鉤子裡面。

3、插值

2樓：牛媽代代

router-view:頁面顯示路由元件內容，預設顯示de****t元件內容，如果要顯示多個元件內容需要使用帶有name屬性，來顯示具名路由;帶有name屬性的router-view需放在父級路由頁面。

vue.js在頁面上有多個ajax請求時，生成一個vue示例好還是多個例項好

3樓：匿名使用者

最好是一個vue例項，然後寫在對應的生命週期裡。

vue.js在一個頁面裡可以使用多個例項嗎

4樓：爆笑大搜集

通過skin屬性,可以為每個日期控制元件單獨配置**,當然也可以通過wdatepicker.js配置全域性的**

**列表和**安裝說明詳見**配置！

基於vue-cli建立的vue專案中可以有多個根例項嗎

5樓：匿名使用者

可以參考這個多模組專案，檢視github

6樓：稱元

vue-cli是vue官方提供的一個命令列工具（vue-cli），可用於快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置，帶來現代化的前端開發流程。只需一分鐘即可啟動帶熱過載、儲存時靜態檢查以及可用於生產環境的構建配置的專案。疑問

vue.js可以同時例項化多個元件嗎

7樓：嚴夕騎

可以把公共的部分用vue.extend

var common = vue.extend(}});

如果元件間資料相互防問，可以用廣播$dispatch()和$broadcast()

vuex在多頁面中，是有多個store的嗎，還是多個頁面共用一個store

8樓：匿名使用者

我也是正在學習。我的理解應該是多個頁面共用一個store。 vuex似乎是可以理解為一個包含很多值的全域性變數。

為了保證元件之間通訊不會太亂才使用vuex。如果沒有那麼多元件之間的通訊應該是可以不用vuex的。還在學習中，可能有誤。

哦不對。你這個是多個頁面。多頁面的話就是多個store了吧。 vue一般是做單頁面的，多頁面的話就會有多個vue物件。

9樓：alexs耶

多頁面應用不適合使用 vuex，使用它的話已經失去了 vuex 的意義了；

vuex 主要的目的是用來父子兄弟元件之間的資料傳遞，如果是放到多頁裡每次跳轉到新的頁面後都將重新整理頁面 new 一個新的 vue 物件；

而如果給每個頁面都配備一個 store 的話那就屬於浪費資源，既然是多頁面，那麼每個頁面的複雜度並不會很嚴重，這樣的話就沒必要使用 vuex了；

多頁面應用的話資料傳輸還是需要依賴於後端，當然也可以使用一些h5的資料儲存方法，cookie 等都可以。

10樓：生當做人傑

是我想要的意思，相當於英語中的i want 不過不是je vuex 應該是je veux，拼錯了~

vue.js在頁面上有多個ajax請求時，生成一個vue示例好還是多個例項好

11樓：山西優就業

前端開發

涉及資料流管理。

推薦redux方案，最終只維護一個大物件，可用多個reducer作相應拆封。另外修改資料注意不用修改原物件引用，要返回新物件，才可以對新舊資料比較，減少重新整理次數，資料上200條效能差別明顯。

12樓：探索者

生成一個，如果是頁面初始化的時候就需要那些資料則把請求放到created函式中。

vue頁面上有多個vue例項，Vue js在頁面上有多個ajax請求時，生成一個Vue示例好還是多個例項好

狼道在市面上有很多個版本,有多個作者,請問原始正宗的是那

Soul APP聊天頁面上的灰色Soulmate是什麼

多個html頁面如何公用js中的變數

相關推薦