vue 状态显示

如果指的是 Vue 组件状态的显示，可以通过在组件的 template 中使用双括号（`{{}}`）语法来显示状态值，例如：

<template>
  <div>
    <p>当前计数值为：{{ count }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 0
    };
  }
};
</script>

如果指的是 Vue 应用程序的状态显示，可以使用 Vuex 来管理应用程序的状态，并在组件中使用 Vuex 提供的辅助函数来获取和显示状态值。例如：

// store.js
import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment(state) {
      state.count++;
    }
  }
});

// App.vue
<template>
  <div>
    <p>当前计数值为：{{ count }}</p>
    <button @click="increment">增加计数值</button>
  </div>
</template>

<script>
import { mapState, mapMutations } from 'vuex';

export default {
  computed: {
    ...mapState(['count'])
  },
  methods: {
    ...mapMutations(['increment'])
  }
};
</script>