新建vue项目 main.jsimportVuefrom'vue'importAppfrom'./App.vue'importstorefrom'@/store'Vue.config.productionTip=false;newVue({render:h=>h(App),store}).$mount('#app');app.vue<template>

VUEX笔记statestate:{ ip:''}gettersconstgetters={ ip:state=>state.ip}mutations同步操作this.$store.commit()mutations:{ SET_IP:(state,ip)=>{ state.ip=ip }}actions异步操作this.$store.dispatch()Action类似于mutati

 不使用mapActions和mapMutations的代码要用的地方字体放大了<template><divid="app"><h1>当前总数为:{{nbr}}</h1><h2>放大十倍总数为:{{bigSum}}

<template><divclass="count"><h2>当前求和为:{{sum}}</h2><h3>当前求和放大十倍为为:{{bigSum}}</h3><h3>我在：{{address}}学习：{{subject}}<

 一、组件访问state从vuex中导入mapState函数import{mapState}from'vuex'映射为当前组件的computed计算属性：...mapState(['count'])3.添加到组件

1.mapState方法：用于帮助我们映射state中的数据为计算属性注意1：mapState的作用：用来生成重复代码，比如returnthis$store.state.xxx就非常重复，无法复用。mapState采用{k:v}

 模块vuexTest.js/***模块vuexTest.js*/exportdefault{namespaced:true,actions:{actionsHello(context,val){console.log(context,"context");//与s