发表于: 2019-12-30 23:09:04

2 1188




今天完成的事情:

1.了解vuex。回顾


明天计划的事情:

1.了解vuex。回顾


遇到的问题和收获:

1.getters

 

State里面的状态数据如果有需要变化过后取得的,可以放在getters里面。省去在其他vue文件里面重复写的麻烦。

 


mutations

Vuex的store状态的更新唯一方式:提交mutation

回调函数里第一个参数就是state

App.vue里,methods,方法里可以传入参数或者数组

    addCount(count) {
       
this.$store.commit('incrementCount', count)
    },
   
addStudent() {
       
const stu = {id: 114, name: 'five', age: 30};
       
this.$store.commit('incrementStudent',stu)
    }
}

 

index.js

//接收到传过来count
incrementCount(state, count) {
 
state.counter += count
},
incrementStudent(state, stu) {
 
state.students.push(stu)
}


mutations响应规则

vuex的store中的state是响应式的,当state中的数据发生改变时,vue组件会自动更新。响应式系统会监听属性的变化,当属性发生变化时,会通知所有界面中用到该属性的地方,让界面发生刷新。



action

 

有点绕。需要多理解

 

Action本身这个方法可以返回一个promise,然后App里dispatch可以拿到这个promise,后面添加.then



modules


vue使用单一状态树,很多状态都会交给vuex来管理。应用变得很复杂时,store对象会变得非常臃肿,所以可以把store拆分为模块,比如拆成mutations、actions、getters等




axios

功能特点:

·在浏览器中发送XMLHttpRequests请求

·在node.js中发送http请求

·支持Promise API

·拦截请求和相应

·转换请求和相应数据

·等等


研究一下这个怎么在axios里使用











返回列表 返回列表
评论

    分享到