Vue学习第三天之vuex的todo小项目。
使用Vuex项目中数据传递的过程:
store中:actions请求数据,若有数据,返回的数据赋给state中的todos,没有就先用mutation添加。
父组件:item动态绑定为todos的每一项。
子组件:props['item']接收父组件的值。
杂项:
1.vue 的 is 属性
简单说 is就是扩展 html标签的限制,还可以通过 :is 切换不同的组件。
2.方法名定义成常量的写法
ES6对象当K和V相同时,可以省略K,所以经常在项目中遇到这样的写法:
[SOME_MUTATION] (state) { // mutate state }//{
SOME_MUTATION:function
}
在es6中字面量定义对象时,用表达式作为对象的属性名,把表达式放在方括号内
const SOME_MUTATION = 'SOME_MUTATION'
var mutations = {}
mutations[SOME_MUTATION] = function (state) {
// mutate state
}
//相当于对象的属性打点调用和中括号调用