7-2.Vuex之state访问状态对象

Vuex

state访问状态对象

在store.js文件中声明的访问对象就是SPA（单页应用程序）中的共享值，将状态对象赋值给内部对象有三种方式。
以下这种方法一般不推荐使用：

<template>
	<div>
		<h3>结果是:{
   {
   $store.state.count}}</h3>
	</div>
</template>

通过computed的计算属性直接赋值

computed属性可以在输出前，对data中的值进行改变。我们可以利用这种方式将状态对象赋值给内部对象。

<script>
	import store from '@/vuex/store';
	export default{
   
		data(){
   
			return{
   
				msg:'结果是:'
			}
		},
		computed:{
   
			count()