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
}
//相当于对象的属性打点调用和中括号调用
posted @ 2020-08-11 15:27  OnceKing1996  阅读(64)  评论(0编辑  收藏  举报