上一页 1 ··· 14 15 16 17 18 19 20 21 22 ··· 97 下一页
摘要: 1、JavaScript中的数据类型 string number boolean null undefined bigint symbol object 包含 Array、Function、Date、Error等 2、六个新类型 any unknow never void tuple enum 3、 阅读全文
posted @ 2025-03-18 22:10 市丸银 阅读(11) 评论(0) 推荐(0)
摘要: 一、自动化编译 1、安装TypeScript npm i typescript -g 2、创建控制文件 tsc --init 生成:tsconfig.json 3、监视目录中的ts文件 tsc --watch 或 tsc --w 4、优化,当编译出错时 不生成对应的js文件 修改tsconfig.j 阅读全文
posted @ 2025-03-18 21:57 市丸银 阅读(24) 评论(0) 推荐(0)
摘要: UI组件库用的多 一、场景 数据在子组件中,想要在父组件中操作子组件的数据或格式 数据在子组件,但是想怎么用是父组件说的算 二、语法 1、子组件 挖坑、传递数据 <!-- name 命名 gameList 传递数据 --> <slot name="content" :gameList="gameLi 阅读全文
posted @ 2025-03-18 14:27 市丸银 阅读(11) 评论(0) 推荐(0)
摘要: 一、情景 一个组件用多个子组件,子组件样式相同 二、作用 父组件传递数据和格式给子组件 三、语法 1、子组件(挖坑) <slot name="title">默认标题</slot> <slot name="content">默认内容</slot> 2、父组件(填坑) 用语法糖 # <Category> 阅读全文
posted @ 2025-03-18 14:01 市丸银 阅读(9) 评论(0) 推荐(0)
摘要: 一、优点 给后代组件传递数据,且不打扰其它组件 父组件提供provide,后代组件注入inject 二、使用 1、父组件提供数据 注意:提供ref数据,不要带.value,带了就变成普通数据,不是响应式数据 provide('name', {xx1, xx2}) <template> <Child2 阅读全文
posted @ 2025-03-18 13:31 市丸银 阅读(42) 评论(0) 推荐(0)
摘要: 一、父组件 对外暴露数据 defineExpose({money}) 二、子组件 1、通过事件获取父组件对外暴露的数据 $parent <button @click="changeMoney($parent)">为父赚钱</button> 2、对数据进行操作 function changeMoney 阅读全文
posted @ 2025-03-18 10:38 市丸银 阅读(58) 评论(0) 推荐(0)
摘要: 一、父组件 1、声明子组件ref <Child1 ref="c1"></Child1> <Child2 ref="c2"></Child2> 2、点击事件传递$refs参数 <button @click="changeData($refs)">修改所有子组件数据</button> 3、通过$refs 阅读全文
posted @ 2025-03-18 10:25 市丸银 阅读(206) 评论(0) 推荐(0)
摘要: 一、祖 传送数据给父组件 <Son :a="1" :b="2" :c="3"/> 二、父 转发数据给子组件 $attrs <GradeSon v-bind="$attrs" /> 三、子 接收数据 defineProps(["a", "b", "c"]) 案例 祖组件 <template> <div 阅读全文
posted @ 2025-03-18 09:41 市丸银 阅读(19) 评论(0) 推荐(0)
摘要: 一、环境 1、下载 npm i mitt 2、配置 a、新建 src/utils/emitter.ts // 引入 import mitt from "mitt"; // 调用 const emitter = mitt() // 暴露 export default emitter 二、使用 1、触发 阅读全文
posted @ 2025-03-17 20:00 市丸银 阅读(95) 评论(0) 推荐(0)
摘要: 自定义组件 子组件触发,父组件接收 @xx=yy 自定义事件,子组件触发xx事件,父组件调用yy方法 1、触发(子组件) a、核心 // [] 可以是多个事件 let emit = defineEmits(["send-age", ]) // 触发 emit("send-age", 666) b、案 阅读全文
posted @ 2025-03-17 19:40 市丸银 阅读(95) 评论(0) 推荐(0)
上一页 1 ··· 14 15 16 17 18 19 20 21 22 ··· 97 下一页