摘要: 插槽用大白话讲就是:在子组件中用slot标签占个位置,然后在父组件中,子组件标签里嵌套一个标签,然后执行的时候用嵌套的标签替代slot 子组件:组件MySon定义了一个默认插槽,用slot标签表示。当父组件使用MySon时,可以在其标签内放置任意内容,该内容将会替换掉slot标签。 1 <templ 阅读全文
posted @ 2023-04-17 22:33 xiaoHeMa 阅读(81) 评论(0) 推荐(0) 编辑
摘要: 在常用的flex布局中,当页面展示商品时,因为数据的不确定,导致justify-content设置成space-between,最后一行布局错乱 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <met 阅读全文
posted @ 2023-04-16 21:33 xiaoHeMa 阅读(912) 评论(0) 推荐(0) 编辑
摘要: 本篇讨论vue中使用$emit实现子向父通信, 第一步:我们在父组件中注册子组件,然后再给子组件标签添加一个自定义事件监听,这样在子组件实例上就绑定了一个自定义的事件add。 后面如果触发add事件,那么就会执行addBtnClick函数。 1 <template> 2 <div> 3 <h1>当前 阅读全文
posted @ 2023-04-16 16:02 xiaoHeMa 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 暂时先不考虑v-for的key,查看下面的代码 <template> <div> <form @submit.prevent="addTask"> <span>请输入待办事项:</span> <input type="text" placeholder="请输入..." v-model="text" 阅读全文
posted @ 2023-04-08 17:14 xiaoHeMa 阅读(341) 评论(0) 推荐(0) 编辑
摘要: 第一种:son盒子中定位的上下左右全部为0,然后margin:auto 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" conten 阅读全文
posted @ 2023-03-25 19:46 xiaoHeMa 阅读(52) 评论(0) 推荐(0) 编辑
摘要: 第一步我们可以先更新源(我所有的步骤都在root账户下操作的) sudo apt-get update 然后安装node sudo apt-get install nodejs 安装成功后可以查看版本是否成功安装 node -v nodejs -v 继续安装 npm sudo apt-get ins 阅读全文
posted @ 2022-04-14 17:04 xiaoHeMa 阅读(603) 评论(0) 推荐(0) 编辑