-
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... -
109_求和案例_vuex版
笔记 重要文件源码 store\index.js components\Count.vue 笔记 正常情况下,≥2个组件使用Vuex才有意义，但是本例为了搞明白Vuex，只使用了一个组件Count.vue，将来其它组件同理。 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import ... -
141_初试setup
笔记 视频教程 源码 App.vue 笔记 setup 是 组合式 API 组合式 API:Composition API 想玩Vue3,要先搞懂setup。 setup 是 Vu3 新提出来的一个配置项。 视频教程 拉开序幕的setup 理解：Vue3.0中一个新的配置项，值为一个函数。 setup是所有Co... -
068_插件
插件 功能 本质 定义插件 源码 plugins.js main.js 插件 功能 用于增强Vue 本质 包含install() 方法的一个对象 ，install(Vue, …)的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 对象； 对象中必须包含 install() 定义插件 对象.install =... -
075_TodoList案例_底部统计
App.vue MyFooter.vue App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > <!-- 父组件App... -
080_组件自定义事件_绑定
笔记 源码 App.vue components\School.vue components\Student.vue 笔记 自定义事件：区别于内置事件(E.g click keyup)而言。例如：我们给组件自定义一个事件 peiqi 本节讲的自定义事件 是服务于 组件的！ 源码 App.vue <template > <... -
111_getters配置项
笔记 重要文件源码 store\index.js components\Count.vue 笔记 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //应用Vu... -
087_消息订阅与发布_pubsub
笔记 源码 components\School.vue components\Student.vue 笔记 报纸订阅与发布 关键 1.订阅报纸 住址 2.邮递员送报纸 报纸 消息订阅与发布 关键 1.订阅消息 消息名 2.发布消息 消息内容 下图为消息订阅与发布的概述: 原生... -
012_理解数据代理
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 何为数据代理？</title > </head > <body > <!-- 数据代理的定义：通过 obj2.x 来...