摘要:
最好能将上述代码抽取成一个模块(读json数据+写json数据) 1.在src下新建文件夹util(util文件夹用于放入工具的模块) 2.*使用localStorage存储数据的工具模块* 一个模块需要想外暴露某些东西* 1.函数(1个函数为1个功能)* 2.对象(对象可以包含多个功能,因为对象中 阅读全文
摘要:
URL地址:https://blog.csdn.net/weixin_44763569/article/details/90201836 阅读全文
摘要:
1.组件间的通信4:slot(slot:插槽,就是一个占位) slot用于标签反复使用很多次 1.1理解 此方式用于父组件向子组件传递标签数据, 其他为数据通信 外面组件向里面组件传递标签进去,直接拿我的标签显示数据就行 假如我传递的是数据,我还得映射成标签,才能显示数据 1.2子组件Child.v 阅读全文
摘要:
组件订阅与发布(PubSubJS库) npm info pubsub-js 安装库 npm install --save pubsub -js 1.订阅消息 PubSub.subscribe('msg',function(msg,data){}) 2.发布消息 PubSub.publish('msg 阅读全文
摘要:
自定义事件: 我们知道,父组件使用prop传递数据的子组件,但子组件怎么跟父组件通信呢? 这个时候Vue的自定义事件系统就派得上用场了. 自定义事件知道两件事: (1).绑定 (2).触发 注意:$on(eventName,回调函数) 之前App.vue和TodoHeader.vue组件之间传递信息 阅读全文
摘要:
当刷新页面时,会变为原来的状态 1.问题:当我刷新是不希望改变原来状态 需要缓存我当前的数据 2.究竟是缓存在内存里还是在文件里??? 缓存在文件里,因为浏览器关闭了,内存就没了;而我们需要重新打开浏览器状态还在 可以用localStorage这种本地技术(本质是缓存在文件里) 3.存储带来的问题 阅读全文
摘要:
1.查看端口占用: netstat -ano|findstr 8080 2.查看网络端口:ipconfig/all 阅读全文
摘要:
需要实现界面截图: 难点分析:sAllCheck必须定义为计算属性 1.想到问题: 一旦写一个组件,需要接收哪些属性?? 因为只有属性确定了,标签才好写 todos属性可以确定三个方面的显示 2.做交互("删除已完成任务":接收一个函数) 3.在App.vue中改标签 传:todos和两个函数 4. 阅读全文
摘要:
删除一条;1.鼠标移入移除这一条时颜色有变化 2.删除当前的todo 显示隐藏背景的变化,首先加监听 1.区别两对属性; onmouseenter="" onmouseleave=""onmouseover="" onmouseout=""区别: (1).进来的时候mouseenter和mouseo 阅读全文
摘要:
TodoHeader.vue组件 写交互: 第一步:跟目标元素绑定监听 (1).按回车键确认@keyup.enter="add" (2). 注意:数据在哪个组件,更新数据的行为就应该定义在哪个组件 (3).更新父组件状态 (4).将函数传递给TodoHead.vue组件 (5).在TodoHeade 阅读全文