-
141_初试setup
笔记 视频教程 源码 App.vue 笔记 setup 是 组合式 API 组合式 API:Composition API 想完Vue3,要先搞懂setup。 setup 是 Vu3 新提出来的一个配置项。 视频教程 拉开序幕的setup 理解：Vue3.0中一个新的配置项，值为一个函数。 setup是所有Co... -
066_props配置
props配置项 1. 功能 2. 传递数据： 3. 接收数据： 源码 App.vue components\Student.vue props配置项 1. 功能 让 组件 接收 外部 传过来的数据。 2. 传递数据： 直接在父标签中写属性： <Demo name="xxx"/> 3. 接收数据： 第一种方式（只接收... -
307 049.getters的使用
笔记 源码 store\count.ts components\Count.vue 笔记 如果有一天，你对 Pinia 中的数据不满意，可以追加一些配置项。例如: getters 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组... -
111_getters配置项
笔记 重要文件源码 store\index.js components\Count.vue 笔记 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //应用Vu... -
defineEmits
defineEmits 简要介绍 📋 一句话概括 🎯 核心作用 📝 基本语法 🔧 三种写法 1. TypeScript 类型 字面量 写法 （推荐） ★ 2. 运行时声明 （JavaScript） 3. TypeScript 接口式写法 ★ ⚡ 主要特点 优点 限制 🔄 与 Vue 2 对比 📦 实际示例 🎯... -
013_Vue中的数据代理
源码 数据代理图示 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > Vue中的数据代理</title > <!-- 引入Vue --> <script type ="t... -
068_插件
插件 功能 本质 定义插件 源码 plugins.js main.js 插件 功能 用于增强Vue 本质 包含install() 方法的一个对象 ，install(Vue, …)的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 对象； 对象中必须包含 install() 定义插件 对象.install =... -
076_TodoList案例_底部交互
功能 重要源码 App.vue MyFooter.vue 功能 左侧单选某项，如果都勾选上时，下方的“已完成”自动勾选，否则取消“已完成”。 实现“清除已完成任务”按钮任务。 重要源码 App.vue <template > <div id ="root" > <div class ="todo-co... -
049_生命周期_挂载流程
this 源码 生命周期图示 官网生命周期图示 禹神版图示 生命周期函数调试 beforeCreate created this 生命周期里的this都是vm 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> ... -
087_消息订阅与发布_pubsub
笔记 源码 components\School.vue components\Student.vue 笔记 报纸订阅与发布 关键 1.订阅报纸 住址 2.邮递员送报纸 报纸 消息订阅与发布 关键 1.订阅消息 消息名 2.发布消息 消息内容 下图为消息订阅与发布的概述: 原生...