新vuex

说明：

1.vuex使用axios时在其js文件要先导入axios, 如请求json文件要将它放在public文件夹里，请求路径就当没有public这个目录就好了，直接 ./ 开始

2.vm中值的名字和函数的名字最好不要重复

3.vuex中存储数据最好不要以0开头，如果数据赋值失败，删个空格试试

4.直接在组件内修改state里的值，插件监听不到（通过mutations就可以）； v-model插件监听不到，实际可用；

 

 

1 查询所有vue/cli版本包

npm view @vue/cli versions

查到包名之后就可以指定一个版本并安装了，比如我们安装vue3里面的最新版本3.12.1吧

安装命令：npm install -g @vue/cli@3.12.1

卸载命令：npm uninstall -g @vue/cli 

注意：vue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的

 如果原来已经安装了vue-cli的话需要先卸载原来的安装：

卸载 npm uninstall vue-cli -g  安装：npm install@vue/cli -g 

vue-cli安装 之前低版本的安装

npm install vue-cli -g 或者 npm install vue-cli 

vue-cli的版本查看：vue-V

总结

1）3.0以下卸载：npm uninstall vue-cli -g

2）3.0以上卸载：npm uninstall @vue/cli -g

3）vue-cli可安装版本查看（3.0以上版本为@vue/cli）

4）3.0以下查看：npm view vue-cli versions --json

5）3.0以上查看：npm view @vue/cli versions --json

 

1.下载：

npm install vuex --save

2.man.js同目录先新建js文件：

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({

    state:{   // 使用：this.$store.state.count
        count: 0
    },
    mutations:{
        add(state，x1, x2){  // 使用： this.$store.commit('add', x1, x2) 用于修改state里的值
            state.count++
        }
    },
    actions:{
　　　　 addm(context, x1, x2){  //使用：this.$store.dispatch('addm', x1, x2) 用于处理异步
　　　　　　setTimeout(() => { context.commit('add', x1, x2) }, 1000)
　　　　}
    }
})

3.man.js全局添加：

import store from './store.js'

new Vue({
  store,
  router,
  render: h => h(App)
}).$mount('#app')