-
113_mapActions与mapMutations
笔记 重要文件源码 components\Count.vue 笔记 课程:https://www.bilibili.com/video/BV1Zy4y1K7SH?p=113 经验：看到 commit(大写方法名,参数) ，就应该明白正在和 mutations 对话。怎么和mutations对话呢？你要调 commit(大写方法名,参数) 为... -
080_组件自定义事件_绑定
笔记 源码 App.vue components\School.vue components\Student.vue 笔记 自定义事件：区别于内置事件(E.g click keyup)而言。例如：我们给组件自定义一个事件 peiqi 本节讲的自定义事件 是服务于 组件的！ 源码 App.vue <template > <... -
144_reactive函数
笔记 视频内容 源码 App.vue 笔记 reactive 响应，反应 Vue3 在处理 对象的响应式时，使用的是 Proxy 。 reactive 的目的： 让原对象变为响应式的对象。 视频内容 作用: 定义一个对象类型 的响应式数据（基本类型不要用它 ，要用ref 函数） 语法：const 代理对象= reactive(源对象... -
041_v-html指令
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-html指令</title > <!-- 引入Vue --> <script type ="text/javas... -
304 046.存储+读取数据
笔记 源码 main.ts store\count.ts store\loveTalk.ts components\Count.vue components\LoveTalk.vue 笔记 Pinia 强调的是 分类。 store 目录就是 Pinia 的一个体现，可以理解为： store 是 Pinia 世界的一个总经理。 源码... -
046_自定义指令_对象式
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 自定义指令</title > <script type ="text/javascript" src ="../js/vue.js"... -
109_求和案例_vuex版
笔记 重要文件源码 store\index.js components\Count.vue 笔记 正常情况下,≥2个组件使用Vuex才有意义，但是本例为了搞明白Vuex，只使用了一个组件Count.vue，将来其它组件同理。 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import ... -
075_TodoList案例_底部统计
App.vue MyFooter.vue App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > <!-- 父组件App... -
118_路由基本使用
笔记 源码 main.js App.vue router\index.js components\home.vue components\About.vue 笔记 导航名、路径名、组件名 可以一致，也可以不一致。 2022-02-07以后，vue-router的默认版本，为4版本。vue-router4 只能在 vue3 中使用 。v... -
157_toRef与toRefs
笔记 toRef 视频内容 源码 Demo.html Demo.vue 笔记 toRef 把一个 xxx 东西 变为 另外一个 xxx 东西。 视频内容 toRef 作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。 语法：const name = toRef(person,'name') 应用: ...