Vue.observable 的作用

最新推荐文章于 2024-09-13 15:14:16 发布

guhy fighting

最新推荐文章于 2024-09-13 15:14:16 发布

阅读量230

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/u013994400/article/details/126123530

版权

vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文介绍了如何使用Vue.observable将对象转换为可响应的状态，以便于在Vue组件中进行渲染和状态更新。通过实例演示了如何在Vue组件中使用这个特性，并探讨了其在简化状态存储和组件间通信中的作用。

摘要由CSDN通过智能技术生成

官方示例：https://cn.vuejs.org/v2/api/#Vue-observable
Vue.observable(object)
参数：{object}
用法：让一个对象可响应。Vue 内部会用它来处理 data 函数返回的对象
返回的对象可以直接用于渲染函数和计算属性内，并且会在发生变更时触发相应的更新。也可以作为最小化的跨组件状态存储器，用于简单的场景：

const state = Vue.observable({ count: 0 })

const Demo = {
  render(h) {
    return h('button', {
      on: { click: () => { state.count++ }}
    }, `count is: ${state.count}`)
  }
}