-
148_reactive对比ref
视频内容 视频内容 reactive对比ref 从定义数据角度对比： ref用来定义：基本类型数据 。 reactive用来定义：对象（或数组）类型数据 。 备注：ref也可以用来定义对象（或数组）类型数据 , 它内部会自动通过reactive 转为代理对象 。 从原理角度对比： ref通过Object.defineProperty(... -
011_Object.defineProperty
Object.defineProperty 方法的重要性 源码 Object.defineProperty 方法的重要性 Vue底层很多地方都会用到 Object.defineProperty方法，例如： 数据劫持 数据代理 计算属性 defineProperty 直译： 给 方法 定义 属性。 源码 <!DOCTYPE html> ... -
151_watch监视ref定义的数据
源码 Demo.vue 源码 Demo.vue <template > <h2 > 当前求和为：{{sum}}</h2 > <button @click ="sum++" > 点我+1</button > <hr > <h2 > 当前的信息为：{{msg}}</h2 > <button @... -
150_computed计算属性
视频内容 源码 components\Demo.vue 视频内容 computed函数 与Vue2.x中computed配置功能一致 写法 import {computed} from 'vue' setup(){ ... //计算属性——简写 let fullName = computed(()=>{... -
114_多组件共享数据
重要文件源码 store\index.js components\Count.vue components\Person.vue 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import Vue from 'vue' //引入Vuex import Vuex from 'vuex'... -
141...157 第2章 常用组合式API
141_初试setup 142_ref函数_处理基本类型 143_ref函数_处理对象类型 144_reactive函数 145_回顾Vue2的响应式原理 146_Vue3响应式原理_Proxy 147_Vue3响应式原理_Reflect 148_reactive对比ref 149_setup的两个注意点 150_computed计算属性 ... -
301 043.对Pinia的理解
笔记 /piːnjʌ/ 笔记 Pinia的官网地址：https://pinia.vuejs.org/ Vue2 使用的 集中式状态(数据)管理 是 VuexVue3 使用的 集中式状态(数据)管理 是 Pinia 集中式：把 所有数据 集中 放到 一个容器 中。 使用原则：把 组件间 需要 共享 的数据可以放到 Pin... -
163_响应式数据的判断
视频内容 响应式数据的判断 源码 App.vue 视频内容 响应式数据的判断 isRef: 检查一个值是否为一个 ref 对象 isReactive: 检查一个对象是否是由 reactive 创建的响应式代理 isReadonly: 检查一个对象是否是由 readonly 创建的只读代理 isProxy: 检查一个对象是否是由 rea... -
309 051.store组合式写法
源码 store\loveTalk.ts 源码 store\loveTalk.ts import {defineStore} from 'pinia' import axios from "axios" ; import {nanoid} from 'nanoid' /* export const useTalkStore ... -
077_TodoList案例_总结
总结TodoList案例 1. 组件化编码流程： (1)拆分静态组件 (2)实现动态组件 (3)实现交互：从绑定事件开始。 2. props适用于： 3. 使用v-model时要切记 4. props传过来值 禹神安装的查看markdown软件: Typora 总结TodoList案例 1. 组件化编码流程： (1)拆分...