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/

文章来源: fizzz.blog.csdn.net，作者：拿我格子衫来，版权归原作者所有，如需转载，请联系作者。

原文链接：fizzz.blog.csdn.net/article/details/119577038