Vue 的数据响应式（Vue2 及 Vue3）
什么是数据响应式 从一开始使用 vue 时，对于之前的 jq 开发而言，一个很大的区别就是基本不用手动操作 dom，data 中声明的数据状态改变后会自动重新渲染相关的 dom。换句话说就是 vue 自己知道哪个数据状态发生了变化及哪里有用到这个数据需要随之修改。 因此实现数据响应式有两个重点 ...
相关推荐
vue2 是怎么实现响应式的
今天看了一下vue到底是怎么实现响应式的，发现特别简单， 就是使用了 Object.defineProperty 这个函数来进行监听， 这是一个demo 第一个参数相当于一个vue实例，第二个参数就是data的key，第三个参数就是一个对象，对象中包含了get和set ...
vue2 在methods 中无法获取this对象
在methods中使用箭头函数无法获取this ExamName:()=> { console.log(this);} 这样就行了：ExamName:function() { console.log(this);} ...
VUE2中axios的使用方法
一，安装 npm install axios 二，在http.js中引入 import axios from 'axios'; 三，定义http request 拦截器，添加数据请求公用信息 四，封装get方法 ...
vue(33)vue中CompositionAPI中setup响应式变量的声明
1.在setup中普通声明的变量，并返回时该变量不是响应式的，即改变该变量的值不会刷新页面。 <template> <div class="home"> {{num}} <br> ...
vue中methods互相调用的方法
a:function(goods) { this.aa= []; this.bb= 0; this.cc= 0; }, b:function(){ ...
Vue中组件的methods方法
<!DOCTYPE html> <html lang="en"> <head> <meta ch ...
Vue3实践指南：使用reactive函数声明数组如何正确赋值响应式、script setup语法糖中toRefs如何优雅呈现、Options API 与 Composition API 如何选择及混用是否对性能有影响、关于 setup 中没有 this 的问题及 setup 的执行时机
一、使用reactive函数声明数组如何正确赋值 需求：将接口请求到的列表数据赋值给响应数据 array 问题原因：这是因为 arr = newArr 这行代码让arr失去了响应式。vue3 使用proxy，对于对象和数组都不能直接整个赋值。 具体原因 ...