-
305 047.修改数据(三种方式)
源码 store\count.ts components\Count.vue 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组件，所以当前文件名也起名为 count.ts //官方推荐我们使用 Hooks 命名思想: use***St... -
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... -
048_引出生命周期
视频 生命周期函数： 源码 视频 https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=c7e022f1b005d8bbc2b84031a67c0220&p=48 生命周期函数： Vue 在一些 关键的时间点 调用的一些 特殊的函数。 源码 <!DOCTYPE html> <h... -
084_全局事件总线1
笔记 源码 main.js School.vue 笔记 全局事件总线：任意组件间通信。 事件总线的原理: 源码 main.js //引入Vue import Vue from 'vue' //引入App import App from './App.vue' //关闭Vue的生产提示 Vue.config.pr... -
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' //因为当前演示项目中，有一... -
156_自定义hook
笔记 源码 App.vue components\Demo.vue hooks\usePoint.js 笔记 只要是在 setup(){} 写的API，都叫 组合式API(= Composition API) 源码 App.vue <template > <button @click ="isShowDemo = !is... -
139_分析工程结构
源码 main.js 对象结果对比图： Vue3 app身上没有Vue2 vm身上那么多的属性。 Vue3 的Vue组件中，可以没有 div 根标签。 源码 main.js //引入的不再是Vue构造函数了,引入的是一个名为 createApp 的工厂函数。 //构造函数的特点: // new 函数 // 首字母大写; /...