本文深入探讨Vue3的CompositionAPI，包括Reactive API和Ref API的使用。介绍了Reactive API对对象和数组的响应式处理，以及Ref API用于处理基本数据类型的响应式引用。Ref的value属性维护内部值，并在模板中自动解包。同时，文章提到了在setup中使用Ref的方法，以及获取节点的注意事项。
① Reactive API
1.如果想为在setup中定义的数据提供响应式的特性，那么我们可以使用reactive的函数：<template><div><h4>{
{ state.counter }}</h4><button @click="increment">+1</button></div></template><script> // 导入 reactiveimport { reactive } from 'vue'export default {setup() {const state = reactive({counter: 1})const increment = () => {state.counter++}return {state,increment}}} </script>
② Ref API
1.
最低0.47元/天 解锁文章
扫一扫
1802
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
