2016-06-09 82 views
1

我很新vuejs世界,我試圖將我現有的應用程序移動到vuejs。初始化vuejs應用程序

我使用Laravel作爲後端框架。我得到了很多的實體和設置,並以該應用程序能夠正常工作,我需要從服務器中檢索,如用戶角色一些必要數據等。所以基本上我需要:

  1. 隱藏整個應用程序,並顯示裝載機代替
  2. 做一些Ajax請求,以便從服務器
  3. 存儲數據的地方獲取數據,所以它在vuejs應用無處不在訪問
  4. 隱藏加載和運行應用程序

的DA ta可能會改變,例如,我有一個團隊和團隊成員。許多地方使用的團隊成員名單。所以如果我添加一個團隊成員,團隊成員列表也應該更新。

所以我不想有一個全局的JavaScript變量來存儲這樣的數據,因爲這個變量的任何修改都會影響數據綁定和內容。

我怎麼能做到這一點?

感謝

+0

如果我是你,我會在嘗試移動現有應用程序之前在Vue中構建一個或兩個操場項目(將現有應用程序移動到另一個框架可能是一件令人疲憊和困惑的工作,如果您已經知道目標框架,更別說如果你不...) – Jivan

+0

哦,這只是一個實驗,我只是爲了玩vue而參與現有的項目。不喜歡與「todo應用程序」打交道,因爲它們不會產生實際問題如何實現事物 – Victor

+0

公平點 - 只是想警告將整個應用程序切換到新框架的兔洞效應 - 如果它是隻是爲了學習的目的,然後,沒有任何危險:) – Jivan

回答

1

你的使用情況似乎是適當的使用Vuex

從Vuex文檔:

Vuex是Vue.js應用進行集中狀態管理 的應用架構。它受到Flux和Redux的啓發,但具有 簡化概念以及專門用於利用Vue.js的反應性系統的實現 。

換句話說,它是專門設計來處理,如情況:

的數據可能會雖然改變,例如,我有一個團隊,團隊成員 。許多地方使用的團隊成員名單。因此,如果我添加一個 團隊成員,團隊成員列表也應該更新。