Vue.js Vue/Nuxt-在渲染整个视图后运行代码?

Vue.js Vue/Nuxt-在渲染整个视图后运行代码?,vue.js,vuejs2,nuxt.js,Vue.js,Vuejs2,Nuxt.js,我想在渲染整个视图后创建几个函数/: 为什么我在created()处出现以下错误 有什么想法吗?在挂载钩子之前调用创建的钩子。当created()函数运行时,this.example尚未声明 声明后,您将能够调用this.created() 请参阅。Vue.set如何@RichardMatsen有没有好的例子可以说明我如何使用set?事实上,我认为@asemahle已经解决了这个问题-钩子的顺序是先创建然后装入的,所以在创建的钩子中添加函数(并在装入中测试它们)。 export default

我想在渲染整个视图后创建几个函数/:

为什么我在
created()
处出现以下错误


有什么想法吗?

挂载
钩子之前调用创建的
钩子。当
created()
函数运行时,
this.example
尚未声明

声明后,您将能够调用
this.created()


请参阅。

Vue.set如何@RichardMatsen有没有好的例子可以说明我如何使用
set
?事实上,我认为@asemahle已经解决了这个问题-钩子的顺序是先创建然后装入的,所以在创建的钩子中添加函数(并在装入中测试它们)。
export default {
  mounted: function () {
    this.example = function() {
      return 'example'
    },
    function() {
      console.log('mounted') // does not work
    }
  },
  created () {
    console.log(this.example()) // error
  },
  methods: {
    submitMessage() {
      console.log(this.example()) // example
    }
  }
}
TypeError: this.example is not a function
    at VueComponent.created (index.vue:119)
    at callHook (vue.runtime.esm.js:2661)
    at VueComponent.Vue._init (vue.runtime.esm.js:4222)
    at VueComponent (vue.runtime.esm.js:4392)
    at createComponentInstanceForVnode (vue.runtime.esm.js:3674)
    at init (vue.runtime.esm.js:3491)
    at createComponent (vue.runtime.esm.js:5143)
    at createElm (vue.runtime.esm.js:5086)
    at VueComponent.patch [as __patch__] (vue.runtime.esm.js:5602)
    at VueComponent.Vue._update (vue.runtime.esm.js:2420)