-
054_非单文件组件
笔记 源码 笔记 组件的两种编写形式： 非单文件组件一个文件 中包含有n个组件 。 单文件组件一个文件 中只包含有1个组件 。 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 基本使用</... -
073_TodoList案例_勾选
笔记 逐层传递数据 Vue监测数据是否被修改的探讨 关于 props 重要源码 App.vue MyList.vue MyItem.vue 笔记 逐层传递数据 如果 App.vue 想给 孙子MyItem.vue传递组件，需要通过 MyList 传递，即 逐层传递。见下图: Vue监测数据是否被修改的探讨 ... -
052_生命周期_总结
视频 笔记 源码 视频 https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=c7e022f1b005d8bbc2b84031a67c0220&p=52 笔记 前面三节课讲的生命周期图示，只体现了8个生命周期钩子函数(4对)，还有3个钩子函数没有体现(需要在后面的路由和路由切换去学习)... -
002_Vue简介
笔记 Vue.js 是什么 谁开发的 Vue 的特点 笔记 Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于 构建用户界面 的 渐进式 JavaScript 框架。 解读: 构建用户界面 即： 将 数据 通过Vue变为 界面。 渐进式Vue可以自底向上逐层的应用。白话：简单应用：只需一个非常小的... -
088_TodoList案例_pubsub
笔记 源码 App.vue components\MyItem.vue 笔记 本节将 086 的功能，用 消息订阅与发布 练习一遍。 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > ... -
103_具名插槽
笔记 具名插槽 重要文件源码 App.vue components\Category.vue 笔记 具名插槽 当年挖坑(子组件)的时候，给这个坑取了一个名，等填坑(父组件)的时候，说明白(把哪个结构填到哪个结构里)就中了。 重要文件源码 App.vue <template > <div class ="contain... -
110_vuex开发者工具的使用
笔记 重要文件源码 store\index.js 笔记 Vue开发者工具的第2个视图就是 Vuex : 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //使用... -
102_默认插槽
笔记 重要文件源码 App.vue components\Category.vue category英[ˈkætəɡəri] 美[ˈkætəɡɔːri]n. 类别;(人或事物的)种类; 笔记 插槽：是子组件里预留的「插座孔」，让父组件可以把任意内容「插」进去显示。默认插槽： 就是只有一个插槽。 重要文件源码 App.vue <... -
302 044.准备一个效果
笔记 源码 App.vue components\Count.vue components\LoveTalk.vue 笔记 准备的效果图: 为了配合源码熟悉解析请求服务器(https://api.uomg.com/api/rand.qinghua?format=json)返回数据的写法，我把视频中返回的数据结构截图如下 : 2025-1... -
009_el与data的两种写法
笔记 1. 在 Vue 中 $开头的对象或变量… 的含义 2. data 第二种写法不能写成data:=>function(){} 的原因 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > el与data的两种写法<...