主页 / 问题 / 917897
Accepted
Paul Wall
Asked:2020-12-10 17:56:15 +0800 CST2020-12-10 17:56:15 +0800 CST

vuex正确使用

  • 772

据我了解，vuex 的本质是在一个存储库中。但是 Vue 已经有了一个全局的 data() ......我仍然没有看到单个存储可以派上用场，所以在我看来，在每个模块中加载不同的数据更方便。

请举一个全局存储真的有用的例子，否则我正在尝试使用vuex，但到目前为止我只遇到过一个事实，即拥有一个存储对我来说很不方便

vue.js

2 个回答

  1. Best Answer

    你有一个组件Page。它有孩子Header,LeftSideBar和。我有一个孩子。我有一个孩子。我有一个孩子。MainContentFooterHeaderUserDropdownLeftSideBarUserAvatarFooterUserLinks

    用户登录，vuex有关用户的信息写在 和，MainContent，UserDropdown他们就在那里收到有关它的信息，而没有不必要的手势。UserAvatarUserLinks

    你不需要扔十几个道具，你不需要在楼上发出任何事件。它只是工作。

    这是第一个想到的例子。嵌套通常更多。

    • 6

  2. 例如，在 Vue 3 组合 API 中，您可能会对状态感到有些困惑。当子多嵌套中同时存在 PROPS 和 INJECT 时。由于从服务器接收到的所有数据的唯一性，我还没有停止使用 VUEX，但我开始为大家使用它！AXIOS（例如在 Admin 中）一个单一的表单（作为可重用的 js）））：

    allAxios (context, payload) {
            return new Promise ((resolve, reject) => {
                axios.post('/api/'+payload.route,payload)
                    .then((response) => {
                    if(payload.commit) context.commit(payload.commit, 
                       response.data)
                    resolve(response)
                })
                    .catch(error => {reject(error)})
                })
        }
    • 1

相关问题