-
113_mapActions与mapMutations
笔记 重要文件源码 components\Count.vue 笔记 课程:https://www.bilibili.com/video/BV1Zy4y1K7SH?p=113 经验：看到 commit(大写方法名,参数) ，就应该明白正在和 mutations 对话。怎么和mutations对话呢？你要调 commit(大写方法名,参数) 为... -
defineComponent
defineComponent 1. 是什么？ 2. 基本用法 3. 两种写法 3.1 Options API（选项式 API ∈ Vue 2 风格 ） 3.2 Composition API（组合式 API ∈ Vue 3 推荐） defineComponent 1. 是什么？ defineComponent 是 Vue 3 中定义... -
useRouter
useRouter 作用 📋 一句话概括 🎯 核心作用 💡 基本用法 🔧 主要功能 ★ 1. 编程式导航 2. 访问当前路由 📊 常用属性/方法 ★ 🔄 与 Options API 对比 Options API 写法 Composition API 写法 📈 与 useRoute 的区别 🎯 TypeScript... -
document.cookie
1. XSS（跨站脚本）攻击风险 问题 防御措施 2. CSRF（跨站请求伪造）攻击 问题 防御措施 3. 信息泄露风险 问题 防御措施 4. 过长的 Cookie 导致性能问题 问题 优化方案 5. 子域名安全漏洞 问题 解决方案 6. Cookie 劫持（中间人攻击） 问题 防御措施 ... -
004_搭建Vue开发环境
1. 中文官网教程 2. 解决 Chrome浏览器 F12 控制台提示 2.1 在Chrome浏览器中安装vue开发者工具 2.2 配置 开发者环境或生产环境 1. 中文官网教程 https://v2.cn.vuejs.org/v2/guide/ 2. 解决 Chrome浏览器 F12 控制台提示 Download the Vue De... -
090_$nextTick
重要源码 components\MyItem.vue 重要源码 components\MyItem.vue <template > <li > <label > <!-- 默认勾选 <input type="checkbox" checked/> ... -
143_ref函数_处理对象类型
ref() 教程内容 源码 App.vue ref() 教程内容 作用: 定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象（reference对象，简称ref对象） 。 JS中 操作数据： xxx.value 模板中 读取数据: 不需要.value，直接：<di... -
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 世界的一个总经理。 源码... -
045_自定义指令_函数式
源码 directive英[dəˈrektɪv] 美[dəˈrektɪv]n. 指示;命令;adj. 指示的;指导的; 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 自定义指令</title > ...