已采纳回答 / 慕瓜2137393
我没记错的话,课程里面的选中效果是靠CSS实现,而check是个class名称.v-bind:class{'check':true}就是将名为check的class绑定到dom元素上,从而绑定了css样式.
2017-05-11
老师讲解的源码:https://github.com/fachaoshao/Vue-ShoppingCart.git,
里面有before和after两个文件,before是没有添加vue的初始代码,after是整个写完的代码。
里面有before和after两个文件,before是没有添加vue的初始代码,after是整个写完的代码。
2017-05-10
limitBy在2。0中被移除了,官方这样说的:
不再这样写:
<p v-for="item in items | limitBy 10">{{ item }}</p>
在 computed 属性中使用js内置方法: .slice method:
<p v-for="item in filteredItems">{{ item }}</p>
computed: {
filteredItems: function () {
return this.items.slice(0, 10)
}
}
不再这样写:
<p v-for="item in items | limitBy 10">{{ item }}</p>
在 computed 属性中使用js内置方法: .slice method:
<p v-for="item in filteredItems">{{ item }}</p>
computed: {
filteredItems: function () {
return this.items.slice(0, 10)
}
}
2017-05-10
我是这么写的
changeAll : function(type){
this.checkAllFlag = type;
for(key in this.list){
if(typeof this.list[key].check == "undefined"){
Vue.set(this.list[key],'check',type);
}else{
this.list[key].check = type;
}
}
}
changeAll : function(type){
this.checkAllFlag = type;
for(key in this.list){
if(typeof this.list[key].check == "undefined"){
Vue.set(this.list[key],'check',type);
}else{
this.list[key].check = type;
}
}
}
2017-05-10
其实vue某些思想和js原生把事件绑定在html中很像,结合例如TP的模板引擎之类的东西就更像了,不过可能大家学习的时候都被表现与结构行为分离之类的洗脑了,所以都。。。
2017-05-09