Vue 3.0 中的组件或方法涉及 reactive(), ref(), unref(), isref(), toRefs(), 和 computed().
发布时间
阅读量:
阅读量
Reactive函数应用分析
【与 vue 2.x 中的 Vue.observable() 函数功能相当,vue 3.x 版本引入了 reactive() 函数,用于生成具有响应特性的数据对象。
若对(引用)数据进行直接修改,将不会触发模板的重新渲染与更新:
一秒后页面未发生任何变化
<template>
<div>count: {{state.count}}</div>
</template>
<script>
export default {
setup() {
const state = { count: 0 }
setTimeout(() => {
state.count++
})
return { state }
}
}
// 一秒后页面没有变化
</script>
【通过 reactive 所构建的响应式数据对象
全部评论 (0)
还没有任何评论哟~
