-
159_readonly与shallowReadonly
笔记 视频内容 源码 components\Demo.vue 笔记 响应式的特点：只要属性值一变化，页面用到该属性的地方就会更新。 视频内容 readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的（深只读）。 shallowReadonly：让一个响应式数据变为只读的（浅只读）。 应用场景... -
013_Vue中的数据代理
源码 数据代理图示 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > Vue中的数据代理</title > <!-- 引入Vue --> <script type ="t... -
305 047.修改数据(三种方式)
源码 store\count.ts components\Count.vue 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组件，所以当前文件名也起名为 count.ts //官方推荐我们使用 Hooks 命名思想: use***St... -
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' //因为当前演示项目中，有一... -
154_watchEffect函数
视频内容 源码 components\Demo.vue 视频内容 watchEffect函数 watch的套路是：既要指明监视的属性，也要指明监视的回调。 watchEffect的套路是：不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性。 watchEffect有点像computed： 但computed注重的计算... -
105_Vuex简介
笔记 笔记 Vuex 是什么？ 专门在 Vue 中实现集中式状态（数据） 管理的一个 Vue 插件 ； 对 vue 应用中多个组件的共享 状态 进行集中式的管理（读/写） ， 前面案例用到 users todos 一堆数据，也叫状态，或叫 状态数据。 下图举例说明：Vuex 和 各组件之间的关系 -
014_事件处理
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 事件的基本使用</title > <!-- 引入Vue --> <script type ="text/javasc... -
037_总结Vue监视数据
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 总结数据监视</title > <style > button { margi... -
071_TodoList案例_初始化列表
技巧 源码 MyList.vue MyItem.vue 技巧 一堆数据用数组 ，属性太多了用对象 。 源码 MyList.vue <template > <ul class ="todo-main" > <!-- 给 MyItem组件传数据 其中key可以随便定，但是value不能，此处的value只能 ... -
161_customRef
视频内容 视频内容 customRef 作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果： <template > <input type ="text" v-model ="keyWord" > <h3 > {{keyWord}}</h3 > </template >...