-
009_el与data的两种写法
笔记 1. 在 Vue 中 $开头的对象或变量… 的含义 2. data 第二种写法不能写成data:=>function(){} 的原因 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > el与data的两种写法<... -
112_mapState与mapGetters
笔记 重要文件源码 components\Count.vue 笔记 原则：不要使用过长的 插值语法 。 map*** 写法，一共有4种，本节先讲两个：mapSate mapGetters 重要文件源码 components\Count.vue <template > <div > <!-- 把上节的插值... -
090_$nextTick
重要源码 components\MyItem.vue 重要源码 components\MyItem.vue <template > <li > <label > <!-- 默认勾选 <input type="checkbox" checked/> ... -
4 类型声明
限制 变量 假设定义变量a 限制 函数 字面量类型 (了解 实际开发中用的不多) 视频位置 TypeScript快速梳理_上篇 18:57 限制 变量 假设定义变量a 在 js 中的写法: let a 在 ts 中的写法: let 变量: 类型 E.g 将 变量a 定义为 字符串类型 let a: string ... -
142_ref函数_处理基本类型
源码 App.vue 在 Vue2 中, ref 可以简单理解为 原生js 中 标签id=”***“ 用法的替代者。但是在 Vue3 中 ref 在原来基础上增加了 ref() 函数的功能。 源码 App.vue <template > <h1 > 一个人的信息</h1 > <!-- 模板中，不需要使用.value 取其... -
104_作用域插槽
笔记 先看看 使用者父组件 通过scop可以看到的效果 总结 插槽 重要文件源码 App.vue components\Category.vue 笔记 本节想实现的效果: 图片来源 尚硅谷 数据 放在 子组件 中，数据的结构 是由 使用者(父组件) 来定。 本节讲的 作用域 的意思:子组件Category.vue的使用者App.... -
041_v-html指令
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-html指令</title > <!-- 引入Vue --> <script type ="text/javas... -
defineComponent
defineComponent 1. 是什么？ 2. 基本用法 3. 两种写法 3.1 Options API（选项式 API ∈ Vue 2 风格 ） 3.2 Composition API（组合式 API ∈ Vue 3 推荐） defineComponent 1. 是什么？ defineComponent 是 Vue 3 中定义... -
045_自定义指令_函数式
源码 directive英[dəˈrektɪv] 美[dəˈrektɪv]n. 指示;命令;adj. 指示的;指导的; 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 自定义指令</title > ... -
Transition
Transition 组件简介 📋 定义 🎯 核心功能 💡 基本用法 🔧 核心特性 1. 自动应用 CSS 类 2. 支持多种触发方式 📊 常用属性 🔄 动画模式 (mode) 1. 默认模式 (同时进行) 2. out-in (先出后进) 3. in-out (先进后出) ⚡ CSS 动画类 基本过渡 ...