2016-06-09 219 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的反应性系统的实现 。

换句话说,它是专门设计来处理,如情况:

的数据可能会虽然改变,例如,我有一个团队,团队成员 。许多地方使用的团队成员名单。因此,如果我添加一个 团队成员,团队成员列表也应该更新。