help: How to use 'this.$nuxt.refresh()'

📚 What are you trying to do? Please describe. A clear and concise description of your objective. Ex. I’m not sure how to […]. composition-api how use this.$nuxt.refresh() https://nuxtjs.org/docs/2.x/internals-glossary/$nuxt#refreshing-page-data

🔍 What have you tried? Have you looked through the docs? Tried different approaches? The more detail the better. The related document was not found

ℹ️ Additional context Add any other context or information. Is there a missing description ？

[mathe42]

You can get $nuxt with:

defineComponent({
   setup(props, ctx) {
     ctx.root.$nuxt
   }
})

[cluyun]

First log looks good. In the others you should log context.root.$nuxt and context.root.$nuxt.refresh this should result in not undefined values

No problem code：

import { defineComponent } from "@nuxtjs/composition-api";

function getMsg() {
  if (Math.random() >= 0.5) {
    return "1111";
  }
  return "222";
}

export default defineComponent({
  asyncData: function () {
    return { msg: getMsg() };
  },
  setup: function (props: any, context: any) {

    function refresh() {
      context.root.$nuxt.refresh();
      console.log(context.root);
      console.log(context.root.$nuxt);
      console.log(context.root.$nuxt.refresh);
    }


    return { refresh };
  },
});