Vue.observable 的作用

官方示例: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}`)
  }
}

猜你喜欢

转载自blog.csdn.net/u013994400/article/details/126123530
今日推荐