-
166_Teleport组件
笔记 视频内容 源码 components\Dialog.vue teleport 远距离传送英[ˈtelipɔːt]美[ˈtelipɔːrt] 笔记 数据驱动显示。 视频内容 什么是Teleport？—— Teleport 是一种能够将我们的组件html结构 移动到 指定位置 的技术。 <teleport to ="移... -
vue-resource 简介
1. 核心功能概览 2. 基本使用方法 安装配置 组件中使用 3. 主要特性详解 3.1 请求方法 3.2 全局配置 3.3 响应处理 4. 与现代 axios 的对比 5. 迁移到 axios 的示例 vue-resource 代码 等效的 axios 代码 6. 为什么被废弃？ 技术原因 官方推荐迁... -
104_作用域插槽
笔记 先看看 使用者父组件 通过scop可以看到的效果 总结 插槽 重要文件源码 App.vue components\Category.vue 笔记 本节想实现的效果: 图片来源 尚硅谷 数据 放在 子组件 中，数据的结构 是由 使用者(父组件) 来定。 本节讲的 作用域 的意思:子组件Category.vue的使用者App.... -
document.cookie
1. XSS（跨站脚本）攻击风险 问题 防御措施 2. CSRF（跨站请求伪造）攻击 问题 防御措施 3. 信息泄露风险 问题 防御措施 4. 过长的 Cookie 导致性能问题 问题 优化方案 5. 子域名安全漏洞 问题 解决方案 6. Cookie 劫持（中间人攻击） 问题 防御措施 ... -
142_ref函数_处理基本类型
源码 App.vue 在 Vue2 中, ref 可以简单理解为 原生js 中 标签id=”***“ 用法的替代者。但是在 Vue3 中 ref 在原来基础上增加了 ref() 函数的功能。 源码 App.vue <template > <h1 > 一个人的信息</h1 > <!-- 模板中，不需要使用.value 取其... -
useRouter
useRouter 作用 📋 一句话概括 🎯 核心作用 💡 基本用法 🔧 主要功能 ★ 1. 编程式导航 2. 访问当前路由 📊 常用属性/方法 ★ 🔄 与 Options API 对比 Options API 写法 Composition API 写法 📈 与 useRoute 的区别 🎯 TypeScript... -
147_Vue3响应式原理_Reflect
笔记 源码 模拟Vue3 实现响应式 总结 Vue3.0中的响应式原理 vue2.x的响应式 Vue3.0的响应式 笔记 ECMA组织，正在尝试将 Object身上有用的东西移植到 Reflect身上。例如: let obj = {a:1 ,b:2 } //为 obj 添加 属性c Object.defineProperty(ob... -
030_key作用与原理
遍历列表时，key的作用 源码 遍历列表时，key的作用 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > key的原理</title > <script type ="tex... -
157_toRef与toRefs
笔记 toRef 视频内容 源码 Demo.html Demo.vue 笔记 toRef 把一个 xxx 东西 变为 另外一个 xxx 东西。 视频内容 toRef 作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。 语法：const name = toRef(person,'name') 应用: ... -
304 046.存储+读取数据
笔记 源码 main.ts store\count.ts store\loveTalk.ts components\Count.vue components\LoveTalk.vue 笔记 Pinia 强调的是 分类。 store 目录就是 Pinia 的一个体现，可以理解为： store 是 Pinia 世界的一个总经理。 源码...