nuxt框架中使用 @nuxtjs/composition-api 小记

使用绑定到vue上的方法 如 $message

import {wrapProperty} from '@nuxtjs/composition-api'
const $message = wrapProperty('$message', false)()
1
2

使用 vuex

import {useStore} from '@nuxtjs/composition-api'
const store = useStore()
1
2

使用 watch 深度监听对象和多个属性，

  watch([tableParams], getTableData, {
    immediate: true,
    deep: true,
  })
1
2
3
4

第一个参数必须是数组，第二，三。。。 参数是 更改后的新值

组合函数式开发

组合式函数编程，不能用于ref的数据同步，在组件引入的每个组合函数，都是独立的，其中声明的ref对象，都是新的，不相通。
必要时还是需要使用 vuex

更多有关@nuxtjs/composition-api 的使用方法

https://composition-api.nuxtjs.org/api/usecontext/