vuex 基础使用

一、介绍
        对于vue来说 组件是核心  而一个组件 可分为 view state actions
        state是存储该组件的数据  view为ui表现  actions 是用户行为 或者说是改变state的方法
        流程   view 发出 actions 然后改变state 之后 view同步state 从而刷新 重新渲染
    
    这无疑是符合 组件的 高内聚  但是 当有多级 组件嵌套  state共享的时候 无疑带来很多问题   中间组件也要传递state 以及管理混乱等等 
    所以从来提出 vue-x 其类似flux 和redux 简单理解就是 vue只是承担view 把 state 和处理state的action 抽离出来 形成一个store
    每个组件上的 state对应为store上的一个节点 从而整个应用也就成为一个 state tree 
    
    二、安装(vue脚手架 cli3)
        $ vue create
            选择 Manually select features 之后选择vue-x
        
        $ cd && npm run serve
        
    三、目录结构 
        1.根目录多出 store.js 
            import Vue from 'vue'
            import Vuex from 'vuex'
            
            Vue.use(Vuex)
            
            export default new Vuex.Store({
              state: {