vuex练习

npm install vuex --save
npm add vuex
npm install vuex@3
npm i node-sass@4.14.1 --save-dev 
npm i sass-loader@7.3.1 --save-dev

// 和router同级创建store文件夹 index.js文件
// 需要用到Vue变量引入
import Vue from 'vue'
//使用vuex 
//1 下载
// 引入vuex暴漏函数对象
import Vuex from 'vuex'
// 3注册
Vue.use(Vuex)
// 4定义规则和生产store对象
const store = new Vuex.Store({
   })
// 5导出到main.js中注册到new Vue
export default store
// 在main.js引用
// import store from '@store'
// 放到new Vue当中
// new Vue({
   
//     store
// })

const store = new Vuex.Store({
   
    // 创举规则 定义全局状态变量
    state:{
   
        count:100
    }
})

 <!-- 直接使用 -->
<p>已知库存数:{
   {
   $store.state.count}}</p>
可以直接修改state中的数据但是vuex建议在mutations中操作可以在调试器中追踪数据变化
 <input v-model="num" type="text " />
 computed: {
   
    num: {
   
      set(val) {
   },
      get