javascript - #JSON 到 #Vuex 存储

Question

我是 vue.js 提供的 Vuex 商店的新手。我想在下面的场景中使用它。

1.状态是指服务器提供的任何静态或动态数据。或者说存储在json中的数据？

模板。

<!-- title start -->
<div class="_Handler-0-1">
  <x-x :path="store.glyph.path['0']":classs="store.static.class['0']"/>
</div>
<!-- title end -->

目的

store: {
 glyph: {
   path: {
     0: '<svg>.....</svg'>
  }
 },
 static: {
   class: {
      0: 'icon-phone'
    }
  }
 }

Answer 1

值得阅读有关 vuex 的文档。

https://vuex.vuejs.org/en/intro.html

这都是关于状态管理的。如果需要，您可以从服务器检索数据并将其存储在其中，或者您可以存储用户输入的数据。它非常灵活，但它的设计方式是确保始终正确管理它

Answer 2

Vuex' 有一个功能生命周期：

• 调度员

• 行动

• 突变

• 吸气剂

调度员.dispatch操作

动作commit突变

改变mutate (change)状态

吸气剂return部分状态。

我不知道您如何完成存储的完整设置，但要检索您的状态的两个部分，我会编写一个返回两个部分的 getter。

const store = new Vuex.Store({
  state: {
    glyph: {
      path: '<svg>.....</svg>'
    },
    static: {
      class: 'icon-phone'
    }
  },
  getters: {
    glyph: state => state.glyph,

    static: state => state.static

  }
})

<template>
  <div class="_Handler-0-1">
    <x-x :path="glyph.path":class="static.path"/>
  </div>
</template>

<script>
import { ...mapGetters } from 'vuex'
export default {
  name: 'foo',
  computed: {
    ...mapGetters(['glyph', 'static'])
  }
}
</script>

另外值得一提的是 static 是一个保留字。