1. XSS（跨站脚本）攻击风险 问题 防御措施 2. CSRF（跨站请求伪造）攻击 问题 防御措施 3. 信息泄露风险 问题 防御措施 4. 过长的 Cookie 导致性能问题 问题 优化方案 5. 子域名安全漏洞 问题 解决方案 6. Cookie 劫持（中间人攻击） 问题 防御措施 ...

重要源码 components\MyItem.vue 重要源码 components\MyItem.vue <template > <li > <label > <!-- 默认勾选 <input type="checkbox" checked/> ...

defineComponent 1. 是什么？ 2. 基本用法 3. 两种写法 3.1 Options API（选项式 API ∈ Vue 2 风格 ） 3.2 Composition API（组合式 API ∈ Vue 3 推荐） defineComponent 1. 是什么？ defineComponent 是 Vue 3 中定义...

Promise 简要介绍 📋 一句话概括 🎯 三种状态 📝 基本语法 💡 经典示例 1. 模拟异步请求 2. 链式调用 （告别回调地狱） 🔧 常用方法 1. Promise.all （全部成功） 2. Promise.race （竞速） 3. Promise.any （任意一个成功） ⚡ 主要特点 优点 注意事项 ...

笔记 先看看 使用者父组件 通过scop可以看到的效果 总结 插槽 重要文件源码 App.vue components\Category.vue 笔记 本节想实现的效果: 图片来源 尚硅谷 数据 放在 子组件 中，数据的结构 是由 使用者(父组件) 来定。 本节讲的 作用域 的意思:子组件Category.vue的使用者App....

useBreakpoints 介绍 📋 这是什么？ 🎯 核心作用 💡 基本用法 📊 常用方法 💡 实际应用场景 1. 设备管理界面适配 2. 侧边栏响应式控制 🔄 与 CSS Media Query 对比 CSS Media Query useBreakpoints 🎯 响应式数据展示 设备数据表格 ⚡ 性能优化...

笔记 视频内容 源码 components\Dialog.vue teleport 远距离传送英[ˈtelipɔːt]美[ˈtelipɔːrt] 笔记 数据驱动显示。 视频内容 什么是Teleport？—— Teleport 是一种能够将我们的组件html结构 移动到 指定位置 的技术。 <teleport to ="移...

笔记 重要文件源码 components\Count.vue 笔记 课程:https://www.bilibili.com/video/BV1Zy4y1K7SH?p=113 经验：看到 commit(大写方法名,参数) ，就应该明白正在和 mutations 对话。怎么和mutations对话呢？你要调 commit(大写方法名,参数) 为...

笔记 源码 App.vue components\School.vue components\Student.vue 笔记 自定义事件：区别于内置事件(E.g click keyup)而言。例如：我们给组件自定义一个事件 peiqi 本节讲的自定义事件 是服务于 组件的！ 源码 App.vue <template > <...

笔记 视频内容 源码 App.vue 笔记 reactive 响应，反应 Vue3 在处理 对象的响应式时，使用的是 Proxy 。 reactive 的目的： 让原对象变为响应式的对象。 视频内容 作用: 定义一个对象类型 的响应式数据（基本类型不要用它 ，要用ref 函数） 语法：const 代理对象= reactive(源对象...