vuex-state

一、state
引入vuex 以后，我们需要在state中定义变量，类似于vue中的data，通过state来存放状态

state: { //存放状态
    nickname:'Simba',
    age:20,
    gender:'男'
  }

有了vuex，我们不必在考虑组件之间的传值，直接就可以通过$store来获取不同的数据，如果需要vuex中的多个数据的这时候，我们可以将它定义在computed中。

Props，methods,data和computed的初始化都是在beforeCreated和created之间完成的。

<template>
  <div class="home">
    {{nickname}}
  </div>
</template>
<script>
export default {
  name: 'home',
  computed:{
    nickname(){
      return this.$store.state.nickname
    }
  }
}
</script>