-
018_姓名案例
源码 插值语法实现 源码 method方法实现 源码 插值语法实现 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 姓名案例_插值语法实现</title > <!-- 引入Vue --> ... -
308 050.$subscribe的使用
笔记 源码 store\loveTalk.ts components\LoveTalk.vue 笔记 订阅可以让我们监视Vuex中数据的修改。 源码 store\loveTalk.ts import {defineStore} from 'pinia' import axios from "axios" ; import ... -
057_VueComponent构造函数
源码 如何体现 vm 管理着 各个 vc 呢? 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > VueComponent</title > <script type ="text/jav... -
116_vuex模块化 namespace 2
重要文件源码 App.vue store\index.js store\count.js store\person.js components\Count.vue components\Person.vue 重要文件源码 App.vue <template > <div > <Count /> ... -
051_生命周期_销毁流程
继续添加注释 源码 继续添加注释 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 分析生命周期</title > <!-- 引入Vue --> <script... -
152_watch监视reactive定义的数据
视频内容 watch函数 视频内容 watch函数 与Vue2.x中watch配置功能一致 两个小“坑”： 监视 reactive()定义的响应式数据 时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）。 监视 reactive()定义的响应式数据中某个属性(该属性是对象) 时：deep配置有效。 //... -
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' //因为当前演示项目中，有一... -
084_全局事件总线1
笔记 源码 main.js School.vue 笔记 全局事件总线：任意组件间通信。 事件总线的原理: 源码 main.js //引入Vue import Vue from 'vue' //引入App import App from './App.vue' //关闭Vue的生产提示 Vue.config.pr... -
048_引出生命周期
视频 生命周期函数： 源码 视频 https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=c7e022f1b005d8bbc2b84031a67c0220&p=48 生命周期函数： Vue 在一些 关键的时间点 调用的一些 特殊的函数。 源码 <!DOCTYPE html> <h... -
156_自定义hook
笔记 源码 App.vue components\Demo.vue hooks\usePoint.js 笔记 只要是在 setup(){} 写的API，都叫 组合式API(= Composition API) 源码 App.vue <template > <button @click ="isShowDemo = !is...