-
7.9 ⼀个特殊情况
先来观察如下两段代码 代码段1（正常） 代码段2（特殊） 为什么会这样？ 视频位置 TypeScript快速梳理_中篇 视频位置 00:49:00 需要先把 7.4 void 学会，才能学这里。 先来观察如下两段代码 代码段1（正常） 在函数定义时，限制函数返回值为 void ，那么函数的返回值就必须是空。 //void 只能接... -
Transition
Transition 组件简介 📋 定义 🎯 核心功能 💡 基本用法 🔧 核心特性 1. 自动应用 CSS 类 2. 支持多种触发方式 📊 常用属性 🔄 动画模式 (mode) 1. 默认模式 (同时进行) 2. out-in (先出后进) 3. in-out (先进后出) ⚡ CSS 动画类 基本过渡 ... -
016_键盘事件
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 键盘事件</title > <!-- 引入Vue --> <script type ="text/javascrip... -
114_多组件共享数据
重要文件源码 store\index.js components\Count.vue components\Person.vue 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import Vue from 'vue' //引入Vuex import Vuex from 'vuex'... -
115_vuex模块化 namespace 1
重要文件源码 App.vue store/index.js components\Count.vue components\Person.vue 重要文件源码 App.vue <template > <div > <Count /> <hr > !-- <Person ... -
058_Vue实例与组件实例
vm 和 vc 的不同点 源码 Vue 和 vc 的关系 vm 和 vc 的不同点 vm 是 vc 的大哥。 vm 可以用 el , vc 不可以; vm 中的 data 可以写成 对象式 或 函数式， vc 中的 data 只能写成函数式。 源码 <!DOCTYPE html> <html > <head > ... -
NonNullable
NonNullable是 TypeScript 内置的工具类型 ，它会从 类型T 中移除 null 和 undefined 。 使用示例： //从 类型a 中移除 null和 undefined 给 b type a = string | null | undefined type b = NonNullable<a> // b 是 str... -
309 051.store组合式写法
源码 store\loveTalk.ts 源码 store\loveTalk.ts import {defineStore} from 'pinia' import axios from "axios" ; import {nanoid} from 'nanoid' /* export const useTalkStore ... -
163_响应式数据的判断
视频内容 响应式数据的判断 源码 App.vue 视频内容 响应式数据的判断 isRef: 检查一个值是否为一个 ref 对象 isReactive: 检查一个对象是否是由 reactive 创建的响应式代理 isReadonly: 检查一个对象是否是由 readonly 创建的只读代理 isProxy: 检查一个对象是否是由 rea... -
022_监视属性
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 天气案例_监视属性</title > <!-- 引入Vue --> <script type ="text/java...