Skip to content

Latest commit

 

History

History
35 lines (26 loc) · 2.56 KB

README.zh-CN.md

File metadata and controls

35 lines (26 loc) · 2.56 KB

浅层 ref 简单 #Composition API #Reactivity:Advanced

By webfansplz @webfansplz

接受挑战    English

在这个挑战中,你将使用 响应式 API: shallowRef 来完成它。 以下是你要实现的内容 👇:

<script setup lang="ts">
import { shallowRef, watch } from "vue"

const state = shallowRef({ count: 1 })

// 回调没被触发
watch(state, () => {
  console.log("State.count Updated")
}, { deep: true })

/**
 * 修改以下代码使watch回调被触发
 *
*/
state.value.count = 2

</script>

<template>
  <div>
    <p>
      {{ state.count }}
    </p>
  </div>
</template>

返回首页 分享你的解答 查看解答