vue 自动执行函数

vue 自动执行函数
摘要：
1.Vue 自动执行函数的概念
2.Vue 自动执行函数的种类
3.Vue 自动执行函数的用法
4.Vue 自动执行函数的实例
正文：
Vue 自动执行函数是指在Vue 实例创建完成后，自动执行的函数。

这种函数可以帮助我们在Vue 实例创建完成后，进行一些初始化的操作，比如数据处理、组件初始化等。

在Vue 中，有三种自动执行函数，分别是created、mounted 和updated。

1.created 函数：在Vue 实例创建完成后立即执行。

这个时候，数据和事件都已经初始化完成，我们可以在这个函数中进行一些数据处理和组件初始化的操作。

2.mounted 函数：在Vue 实例挂载到DOM 树上后执行。

这个时候，我们可以进行一些DOM 操作，比如动态生成DOM 元素、获取DOM 元素等。

3.updated 函数：在Vue 实例的数据更新后执行。

这个时候，我们可以进行一些数据处理和视图更新的操作。

下面是一个使用Vue 自动执行函数的实例：
```javascript
ew Vue({
el: "#app",
data: {
message: "Hello Vue!"
},
created: function() {
console.log("created");
console.log(this.message);
},
mounted: function() {
console.log("mounted");
console.log(this.$el);
},
updated: function() {
console.log("updated");
console.log(this.message);
}
});
```
在这个实例中，我们定义了一个Vue 实例，其中包含了created、mounted 和updated 三个自动执行函数。