在Vue.js中,created
是一个生命周期钩子函数,它在Vue实例被创建后立即调用。在这个函数中,我们可以执行一些初始化操作,比如设置数据、创建组件、请求数据等等。
created
生命周期钩子函数的用法示例:
new Vue({
el: '#app',
data: { message: 'Hello Vue!' },
created: function () {
console.log('Vue instance created!')
}
})
在上面的示例中,当Vue实例被创建后,created
生命周期钩子函数会被自动调用,并输出一条日志。
created
函数的一些常见用法:
- 获取数据并初始化
created() {
axios.get('/api/users').then(response => {
this.users = response.data;
});
}
- 注册事件或添加监听器
created() {
window.addEventListener('resize', this.handleResize);
}
- 根据路由参数初始化数据
created() {
this.loadUser(this.$route.params.id);
}
总之,created
生命周期钩子函数是Vue.js中非常重要的一个函数,使用它可以方便地执行一些初始化操作。