vue part 7
创始人
2024-09-25 04:49:03
0

To Do List案例

MyFooter.vue
    
MyHeader.vue
     
Item.vue
     
List.vue
     
App.vue
       

全都勾选了有可能是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 

相关内容

热门资讯

专业讨论!德扑线上有机器人,太... 专业讨论!德扑线上有机器人,太坑了从来存在有挂(2020已更新)(哔哩哔哩);详细德扑线上有机器人攻...
带你了解!微扑克线上代打工具,... 带你了解!微扑克线上代打工具,太坑了本然是有挂(2024已更新)(哔哩哔哩);微扑克线上代打工具简单...
六分钟了解!德州ai辅助神器靠... 六分钟了解!德州ai辅助神器靠谱,太坑了起初真的是有挂(2022已更新)(哔哩哔哩);1、超多福利:...
玩家必看科普!德扑数据软件,太... 玩家必看科普!德扑数据软件,太坑了最初是真的有挂(2024已更新)(哔哩哔哩);致您一封信;亲爱德扑...
最新技巧!微扑克网页版辅助,太... 最新技巧!微扑克网页版辅助,太坑了好像真的有挂(2023已更新)(哔哩哔哩);微扑克网页版辅助简单的...
必知教程!德扑之星窥牌,太坑了... 必知教程!德扑之星窥牌,太坑了确实真的是有挂(2026已更新)(哔哩哔哩);1、让任何用户在无需AI...
第三方辅助挂!wopoker用... 第三方辅助挂!wopoker用ai有用,太坑了从前真的有挂(2025已更新)(哔哩哔哩);一、wop...
玩家必知教程!微扑克后台能控制... 玩家必知教程!微扑克后台能控制胜率,太坑了总是真的有挂(2023已更新)(哔哩哔哩);AI辅助机器人...
实测必看!微扑克ai辅助神器,... 实测必看!微扑克ai辅助神器,太坑了原来真的有挂(2024已更新)(哔哩哔哩);1.微扑克ai辅助神...
黑科技免费!德州辅助,太坑了从... 黑科技免费!德州辅助,太坑了从来是真的有挂(2026已更新)(哔哩哔哩)相信很多朋友都在电脑上玩过德...