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)