-
Record
📋 Record 简介 ★ 📖 语法 ★★ 💡 基本用法 ★ 举例 📊 TypeScript 编译检查 Record 是 TypeScript 的内置工具类型 。 📋 Record 简介 ★ Record<K, T> 是 TypeScript 的工具类型，用于创建一个键为 K 类型，值为 T 类型的对象类型 。 📖 语... -
099_github案例_列表展示
笔记 重要源码 public\index.html main.js App.vue components\Search.vue components\List.vue 笔记 将第三方 bootstrap.css 放在了 public 目录中，同时引入到 index.html 重要源码 public\index.html <!DO... -
defineEmits
defineEmits 简要介绍 📋 一句话概括 🎯 核心作用 📝 基本语法 🔧 三种写法 1. TypeScript 类型 字面量 写法 （推荐） ★ 2. 运行时声明 （JavaScript） 3. TypeScript 接口式写法 ★ ⚡ 主要特点 优点 限制 🔄 与 Vue 2 对比 📦 实际示例 🎯... -
307 049.getters的使用
笔记 源码 store\count.ts components\Count.vue 笔记 如果有一天，你对 Pinia 中的数据不满意，可以追加一些配置项。例如: getters 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组... -
168_Vue3中其他的改变
笔记 视频内容 1.全局API的转移 2.其他改变 笔记 Vue3 没有 生产提示 配置项。 视频内容 1.全局API的转移 Vue 2.x 有许多全局 API 和配置。 例如：注册全局组件、注册全局指令等。 //注册全局组件 Vue.component('MyButton' , { data : () => ({ ... -
035_Vue.set()方法
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > Vue监测数据改变的原理</title > <!-- 引入Vue --> <script type ="text/j... -
069_scoped样式
scoped样式 源码 School.vue Student.vue scoped 仔细看英[skəʊ pt] 美[skoʊpt] 组件加 scoped 之后，里面缩写的样式只负责本组件。 scoped样式的实现原理：在 最外侧 div 添加了一个 data-v-随机数 属性， scoped样式 作用：让样式在局部生效，防... -
071_TodoList案例_初始化列表
技巧 源码 MyList.vue MyItem.vue 技巧 一堆数据用数组 ，属性太多了用对象 。 源码 MyList.vue <template > <ul class ="todo-main" > <!-- 给 MyItem组件传数据 其中key可以随便定，但是value不能，此处的value只能 ... -
305 047.修改数据(三种方式)
源码 store\count.ts components\Count.vue 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组件，所以当前文件名也起名为 count.ts //官方推荐我们使用 Hooks 命名思想: use***St... -
306 048.storeToRefs
源码 src\store\count.ts src\store\loveTalk.ts src\components\Count.vue src\components\LoveTalk.vue 源码 src\store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一...