-
039_过滤器
源码 这个过滤器，不是必须用的知识点。 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 过滤器</title > <script type ="text/javascript" src... -
useBreakpoints
useBreakpoints 介绍 📋 这是什么？ 🎯 核心作用 💡 基本用法 📊 常用方法 💡 实际应用场景 1. 设备管理界面适配 2. 侧边栏响应式控制 🔄 与 CSS Media Query 对比 CSS Media Query useBreakpoints 🎯 响应式数据展示 设备数据表格 ⚡ 性能优化... -
parse()
JSON.parse() 简单介绍 🎯 🔍 基本作用 🚀 基本语法 📝 使用示例 1. 简单对象转换 2. 数组转换 3. 嵌套对象 ⚠️ 常见错误处理 使用 try-catch 安全解析函数 🎯 主要用途 ✅ 一句话总结 JSON.parse() 简单介绍 🎯 🔍 基本作用 将 JSON 字符串 ... -
044_v-pre指令
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-pre指令</title > <!-- 引入Vue --> <script type ="text/javasc... -
defineStore 入门篇
defineStore 通俗介绍 📦 简单比喻 ★ 🎯 核心作用 ★ 💡 举个生活例子 开一个小卖部 大家来买东西 🔧 在代码中看 📊 为什么需要这个？ 💡 实际应用场景 用户登录信息 🆚 传统方法对比 以前的方法（麻烦） 现在的方法（方便） 🔄 在网页中的应用 🎯 三个关键词 💡 一句话理解 d... -
112_mapState与mapGetters
笔记 重要文件源码 components\Count.vue 笔记 原则：不要使用过长的 插值语法 。 map*** 写法，一共有4种，本节先讲两个：mapSate mapGetters 重要文件源码 components\Count.vue <template > <div > <!-- 把上节的插值... -
defineComponent
defineComponent 1. 是什么？ 2. 基本用法 3. 两种写法 3.1 Options API（选项式 API ∈ Vue 2 风格 ） 3.2 Composition API（组合式 API ∈ Vue 3 推荐） defineComponent 1. 是什么？ defineComponent 是 Vue 3 中定义... -
usePreferredColorScheme
usePreferredColorScheme 介绍 📋 这是什么？ 🎯 核心功能 ★ 💡 基本使用 ★ 🔧 实际应用 1. 自动跟随系统主题 📊 浏览器 API 基础 1. window.matchMedia 2. VueUse 的封装 🔄 完整主题管理示例 📈 响应式特性 自动响应变化 响应式组件 ⚡ 性能... -
113_mapActions与mapMutations
笔记 重要文件源码 components\Count.vue 笔记 课程:https://www.bilibili.com/video/BV1Zy4y1K7SH?p=113 经验：看到 commit(大写方法名,参数) ，就应该明白正在和 mutations 对话。怎么和mutations对话呢？你要调 commit(大写方法名,参数) 为... -
142_ref函数_处理基本类型
源码 App.vue 在 Vue2 中, ref 可以简单理解为 原生js 中 标签id=”***“ 用法的替代者。但是在 Vue3 中 ref 在原来基础上增加了 ref() 函数的功能。 源码 App.vue <template > <h1 > 一个人的信息</h1 > <!-- 模板中，不需要使用.value 取其...