state原理

作为公开存储的地址,直接存放数据

state写法

  1. const state = {
  2. one: "vuex测试"
  3. }
  4. export default state

在页面引用state值

直接获取state的方法(适合单一的元素)

  1. this.$store.state.one

当需要获取的state元素多个的时候(建议使用此方法)

  1. import { mapState } from "vuex";
  2. computed: {
  3. ...mapState(["one"]),
  4. },

vuex文档不建议直接裸露state进行使用,因此可以使用getter获取值