Why the 'asyncData' function doesn't work?

[menglingbujie]

Describe the bug
Hey guys, I don't understand why the 'asyncData' function doesn't work?
Anybody know that?

In class api
asyncData(){
console.log("===asyncData"); // no log
}
created(){
console.log("===created"); // display "===created"
}

[menglingbujie]

I understand

@component({
asyncData(){ // here is ok

}
})

export default class A extends Vue{
}

[kevinmarrec]

@menglingbujie You can use nuxt-property-decorator over vue-property-decorator if you want to use Nuxt component options directly in the class instead of component options :

#58 (comment)

https://github.com/nuxt-community/nuxt-property-decorator/blob/master/src/nuxt-property-decorator.ts#L20

Ultimately, you can also register hooks like the link above on your own through a Nuxt plugin.

[menglingbujie]

@kevinmarrec Cool~~~ Thx~!