已完成{{ doneTotal }} / 全部{{total}}
全都勾选了有可能是MyList里面的done后面写成了字符串,,把单引号或者双引号去掉就行了
因为你们todoList里面是“true”而不是true,done 要写布尔值,不要写字符串
父组件定义函数,子组件调用函数传递参数。子组件定义属性参数列表,父组件调用子标签属性传参。这里的this还是header,只不过header和app里的received方法引用地址相同,你在header里面调用了,也相当于在app中调用了
这里this都是 实例对象vc 函数是地址值 不是传进来个全新的对象,在js中,函数也是对象,传函数本身实际上是引用传递,意思他们两用的是同一块内存空间,一方修改,另一方也会改变
header里并没有修改任何值,只是传了个参数回app,app那个this才真正修改了vc上的数据
072_尚硅谷Vue技术_TodoList案例_添加_哔哩哔哩_bilibili 这5分钟很好
关于addtodo,这里是按下回车后调用的add方法与APP传过来的add方法重名了
是非常重要,Vue将页面拆分成各种组件,组件间就得通信拿数据,如果不用Vue,就一个页面,数据都在一起那还用啥通信了
@change="todoObj.done=!todoObj.done" 就可以了
v-model底层就是监听checked 绑定change