- 博客(5)
- 收藏
- 关注
RSS订阅原创 Vue2和Vue3基础（五）
第一个参数source可以是一个响应式对象、一个计算属性、一个返回需要被监听的值的函数、或者是数组/对象等复杂数据类型，第二个参数callback是一个回调函数，它会在source数据发生变化时被调用。回调函数的第一个参数是变化后的值newValue，第二个参数是变化前的值oldValue，第三个参数options是一个可选的配置对象，用于设置监听器的一些行为，例如deep（是否深度监听对象内部变化），immediate：true&false（是否在组件挂载时先执行一次回调）等。
2023-05-18 17:08:48
26
原创 Vue2和Vue3基础（四）
在Vue 3中，可以使用computed函数创建一个计算属性。computed函数接收两个参数：get和set。其中，get函数返回计算属性的值，set函数接收新的值，并将其赋值给计算属性。在setup函数中，可以使用ref函数或reactive函数创建一个响应式对象或响应式变量，然后使用computed函数将其转换为计算属性。基本拿过来就可以用，就给toRefs声明一下就可以了。
2023-05-18 13:42:27
52
1
原创 Vue2和Vue3基础（三）
ref是一个用于创建响应式数据的函数，使用ref可以把一个非响应式的数据变量转换为响应式的变量。toRefs函数将响应式对象中的属性转换为 ref值组成的普通对象，使得我们可以在组件外部访问这些 ref值。toRefs函数的参数设定为一个你已经定义的对象，这种情况下，返回的对象将是我们要的 ref 值组成的普通对象。与ref函数不同，reactive函数可以对整个对象进行响应式处理，而不仅限于对象属性的单个值。没啥说的，vue3语法糖中没有return，所以toRefs就用解构赋值。
2023-05-17 17:05:29
54
1
原创 Vue2和Vue3基础（二）
getCurrentInstance函数是 Vue.js 3 中用来访问当前组件实例的函数，通过这个函数可以获取到当前组件实例中的全部内容。@myAdd是子组件中的context.emit向父组件发送的事件，父组件用v-on(@)监听这个事件，然后调用add方法。这个参数是一个包含了很多属性和方法的对象，其中包含了一些用于与父组件通信的属性，比如props,attrs,slots等。在 Vue.js 中，context是一个包含很多属性和方法的对象，用于组件与其父级组件及它们之间的通信。
2023-05-16 11:12:30
53
原创 Vue2和Vue3基础（一）
另外，尽管reactive函数可以做到监听对象的每个属性，但有时我们不想让所有属性都被监听，这时就可以使用ref来声明一个单独的、可监听的值。总之，使用ref声明响应式数据可以让代码更加具有可读性，从而便于开发。这是因为 Vue 3 采用了 Proxy 来实现数据响应式，而 Proxy 无法拦截对普通对象属性的直接访问，仅能拦截对对象的属性操作，例如添加、删除、修改等。因此，如果要实现对普通对象属性的响应式，就需要使用ref函数将其转换为一个响应式的对象引用，从而使其成为可以响应式更新的数据。
2023-05-15 17:24:32
47
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人