vue当中created
时间: 2024-06-07 17:12:06 浏览: 8
Vue.js中的created是一个生命周期钩子函数,它在Vue实例创建完成后立即被调用。在created函数中,你可以执行一些初始化的操作,比如数据的获取、事件的监听等。
例如,你可以在created函数中从后端获取初始数据:
```javascript
created() {
this.$http.get('/api/data')
.then(response => {
this.data = response.data;
})
.catch(error => {
console.error(error);
});
}
```
在这个例子中,使用了Vue的官方插件vue-resource发送了一个GET请求来获取数据。一旦数据获取成功,它会被赋值给Vue实例的data属性。
除了数据的获取,你还可以在created函数中进行事件的监听,比如:
```javascript
created() {
this.$bus.$on('event', this.handleEvent);
},
methods: {
handleEvent() {
// 处理事件
}
}
```
在这个例子中,我们使用了Vue实例的全局事件总线$bus来监听一个自定义事件'event',一旦该事件被触发,就会调用handleEvent方法进行相应的处理。
总之,created生命周期钩子函数提供了一个在Vue实例被创建之后执行代码的机会,常用于初始化数据、监听事件等操作。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)