-
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' //因为当前演示项目中，有一... -
014_事件处理
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 事件的基本使用</title > <!-- 引入Vue --> <script type ="text/javasc... -
156_自定义hook
笔记 源码 App.vue components\Demo.vue hooks\usePoint.js 笔记 只要是在 setup(){} 写的API，都叫 组合式API(= Composition API) 源码 App.vue <template > <button @click ="isShowDemo = !is... -
071_TodoList案例_初始化列表
技巧 源码 MyList.vue MyItem.vue 技巧 一堆数据用数组 ，属性太多了用对象 。 源码 MyList.vue <template > <ul class ="todo-main" > <!-- 给 MyItem组件传数据 其中key可以随便定，但是value不能，此处的value只能 ... -
049_生命周期_挂载流程
this 源码 生命周期图示 官网生命周期图示 禹神版图示 生命周期函数调试 beforeCreate created this 生命周期里的this都是vm 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> ... -
149_setup的两个注意点
笔记 Vue2 Vue3 视频内容 源码 App.vue components\Demo.vue 笔记 Vue2 在 Vue2 中 vc身上的 $attrs 虽然可以接收父组件传递过来的属性(props接收之外的属性)，但是不能做类型限制，并且在模板中使用需要{{$attrs.***}} 。 <子组件>传递参数到子组件的 $slot... -
078_浏览器本地存储
webStorage 1.存储内容大小 2.本地存储机制 3.相关API 3.1 xxxxxStorage.setItem('key', 'value'); 3.2 xxxxxStorage.getItem('person'); 3.3 xxxxxStorage.removeItem('key'); 3.4 xxxxxStorage.cl... -
161_customRef
视频内容 视频内容 customRef 作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果： <template > <input type ="text" v-model ="keyWord" > <h3 > {{keyWord}}</h3 > </template >... -
069_scoped样式
scoped样式 源码 School.vue Student.vue scoped 仔细看英[skəʊ pt] 美[skoʊpt] 组件加 scoped 之后，里面缩写的样式只负责本组件。 scoped样式的实现原理：在 最外侧 div 添加了一个 data-v-随机数 属性， scoped样式 作用：让样式在局部生效，防... -
308 050.$subscribe的使用
笔记 源码 store\loveTalk.ts components\LoveTalk.vue 笔记 订阅可以让我们监视Vuex中数据的修改。 源码 store\loveTalk.ts import {defineStore} from 'pinia' import axios from "axios" ; import ...