-
defineStore 入门篇
defineStore 通俗介绍 📦 简单比喻 ★ 🎯 核心作用 ★ 💡 举个生活例子 开一个小卖部 大家来买东西 🔧 在代码中看 📊 为什么需要这个？ 💡 实际应用场景 用户登录信息 🆚 传统方法对比 以前的方法（麻烦） 现在的方法（方便） 🔄 在网页中的应用 🎯 三个关键词 💡 一句话理解 d... -
108_搭建Vuex环境
笔记 第108节 1. 安装 Vuex 创建 真store 的2种方法 重要文件源码 main.js App.vue store\index.js 笔记 第108节 https://www.bilibili.com/video/BV1Zy4y1K7SH?&p=108 1. 安装 Vuex 自2022-02-07 Vue3... -
065_ref属性
笔记 ref属性 源码 App.vue 笔记 ref 是一个特殊的标签属性。之前学过一个特殊的标签属性key。 由于本课程测试比较多，如果我们把所有组件都写到 src目录，有可能看起来不方便。所以我们可以新建一个目录: 01_src_分析脚手架 ，将来用的时候，就把该目录名调整为src。目的：方便使用同样的脚手架，方便区分不同节课的教学内容。... -
142_ref函数_处理基本类型
源码 App.vue 在 Vue2 中, ref 可以简单理解为 原生js 中 标签id=”***“ 用法的替代者。但是在 Vue3 中 ref 在原来基础上增加了 ref() 函数的功能。 源码 App.vue <template > <h1 > 一个人的信息</h1 > <!-- 模板中，不需要使用.value 取其... -
079_TodoList_本地存储
源码 App.vue 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > <!-- 父组件App.vue ... -
012_理解数据代理
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 何为数据代理？</title > </head > <body > <!-- 数据代理的定义：通过一个对象代理(E.... -
useTitle
🎯 核心功能 💡 基本用法 📊 主要特性 💡 高级用法 1. 带默认值 2. 带模板的标题 3. 恢复原始标题 🔄 与传统方式的对比 传统方式 VueUse 方式 📈 SEO 优化 1. 关键词优化 2. 多语言标题 🎯 TypeScript 支持 💡 注意事项 1. SSR 兼容性 2. 内存管理... -
143_ref函数_处理对象类型
ref() 教程内容 源码 App.vue ref() 教程内容 作用: 定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象（reference对象，简称ref对象） 。 JS中 操作数据： xxx.value 模板中 读取数据: 不需要.value，直接：<di... -
099_github案例_列表展示
笔记 重要源码 public\index.html main.js App.vue components\Search.vue components\List.vue 笔记 将第三方 bootstrap.css 放在了 public 目录中，同时引入到 index.html 重要源码 public\index.html <!DO... -
7.10 复习类相关知识
类 继承 视频位置 TypeScript快速梳理_下篇 0:00:32 类 class Person { // 属性声明 name: string age: number // 构造器 构造函数 constructor (name: string, age: number) { ...