refactor(vue): 构建ref简单数据类型的响应性

This commit is contained in:
dj
2026-02-05 23:38:51 +08:00
parent 6b7b452a56
commit 2ed86a03b5
3 changed files with 26 additions and 8 deletions

View File

@@ -9,16 +9,15 @@
<div id="app"></div>
</body>
<script>
const { reactive,effect } = Vue
const obj=reactive({
const { ref,effect } = Vue
const obj=ref({
name:'张三'
})
effect(()=>{
document.querySelector('#app').innerText=name
document.querySelector('#app').innerText=obj.value.name
})
setTimeout(()=>{
obj.name='李四'
obj.value.name='李四'
},2000)
</script>
</html>