-
080_组件自定义事件_绑定
笔记 源码 App.vue components\School.vue components\Student.vue 笔记 自定义事件：区别于内置事件(E.g click keyup)而言。例如：我们给组件自定义一个事件 peiqi 本节讲的自定义事件 是服务于 组件的！ 源码 App.vue <template > <... -
075_TodoList案例_底部统计
App.vue MyFooter.vue App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > <!-- 父组件App... -
307 049.getters的使用
笔记 源码 store\count.ts components\Count.vue 笔记 如果有一天，你对 Pinia 中的数据不满意，可以追加一些配置项。例如: getters 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组... -
109_求和案例_vuex版
笔记 重要文件源码 store\index.js components\Count.vue 笔记 正常情况下,≥2个组件使用Vuex才有意义，但是本例为了搞明白Vuex，只使用了一个组件Count.vue，将来其它组件同理。 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import ... -
079_TodoList_本地存储
源码 App.vue 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > <!-- 父组件App.vue ... -
111_getters配置项
笔记 重要文件源码 store\index.js components\Count.vue 笔记 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //应用Vu... -
012_理解数据代理
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 何为数据代理？</title > </head > <body > <!-- 数据代理的定义：通过一个对象代理(E.... -
Transition
Transition 组件简介 📋 定义 🎯 核心功能 💡 基本用法 🔧 核心特性 1. 自动应用 CSS 类 2. 支持多种触发方式 📊 常用属性 🔄 动画模式 (mode) 1. 默认模式 (同时进行) 2. out-in (先出后进) 3. in-out (先进后出) ⚡ CSS 动画类 基本过渡 ... -
065_ref属性
笔记 ref属性 源码 App.vue 笔记 ref 是一个特殊的标签属性。之前学过一个特殊的标签属性key。 由于本课程测试比较多，如果我们把所有组件都写到 src目录，有可能看起来不方便。所以我们可以新建一个目录: 01_src_分析脚手架 ，将来用的时候，就把该目录名调整为src。目的：方便使用同样的脚手架，方便区分不同节课的教学内容。... -
034_Vue监测数据的原理_对象
原理 vm 始终可以将 data 对象的数据 加工到 vm._data ，无论data对象中的元素有多少子对象 模拟一个数据监测 原理 vm 始终可以将 data 对象的数据 加工到 vm._data ，无论data对象中的元素有多少子对象 测试用例，运行可以在浏览器的控制台查看: <!DOCTYPE html> <html > ...