-
157_toRef与toRefs
笔记 toRef 视频内容 源码 Demo.html Demo.vue 笔记 toRef 把一个 xxx 东西 变为 另外一个 xxx 东西。 视频内容 toRef 作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。 语法：const name = toRef(person,'name') 应用: ... -
Transition
Transition 组件简介 📋 定义 🎯 核心功能 💡 基本用法 🔧 核心特性 1. 自动应用 CSS 类 2. 支持多种触发方式 📊 常用属性 🔄 动画模式 (mode) 1. 默认模式 (同时进行) 2. out-in (先出后进) 3. in-out (先进后出) ⚡ CSS 动画类 基本过渡 ... -
147_Vue3响应式原理_Reflect
笔记 源码 模拟Vue3 实现响应式 总结 Vue3.0中的响应式原理 vue2.x的响应式 Vue3.0的响应式 笔记 ECMA组织，正在尝试将 Object身上有用的东西移植到 Reflect身上。例如: let obj = {a:1 ,b:2 } //为 obj 添加 属性c Object.defineProperty(ob... -
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... -
043_v-once指令
源码 v-once 指令没有值，只有名。 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-once指令</title > <!-- 引入Vue --> <script... -
099_github案例_列表展示
笔记 重要源码 public\index.html main.js App.vue components\Search.vue components\List.vue 笔记 将第三方 bootstrap.css 放在了 public 目录中，同时引入到 index.html 重要源码 public\index.html <!DO... -
030_key作用与原理
遍历列表时，key的作用 源码 遍历列表时，key的作用 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > key的原理</title > <script type ="tex... -
079_TodoList_本地存储
源码 App.vue 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > <!-- 父组件App.vue ... -
076_TodoList案例_底部交互
功能 重要源码 App.vue MyFooter.vue 功能 左侧单选某项，如果都勾选上时，下方的“已完成”自动勾选，否则取消“已完成”。 实现“清除已完成任务”按钮任务。 重要源码 App.vue <template > <div id ="root" > <div class ="todo-co... -
118_路由基本使用
笔记 源码 main.js App.vue router\index.js components\home.vue components\About.vue 笔记 导航名、路径名、组件名 可以一致，也可以不一致。 2022-02-07以后，vue-router的默认版本，为4版本。vue-router4 只能在 vue3 中使用 。v...