前端vue created和mounted

在Vue中，created和mounted都是生命周期钩子函数，用于在Vue实例的不同生命周期阶段执行特定的操作。

1. created生命周期钩子函数：
created生命周期钩子函数在Vue实例创建完成后立即执行，此时Vue实例已经完成了数据观测、属性和方法的运算，但是$el属性并没有被创建，因此在此阶段无法访问到DOM元素。created生命周期钩子函数通常用于进行一些初始化操作，例如获取数据、初始化事件等。

2. mounted生命周期钩子函数：
mounted生命周期钩子函数在Vue实例挂载到DOM元素上后执行，此时Vue实例的$el属性已经指向了DOM元素，因此可以进行DOM操作。mounted生命周期钩子函数通常用于进行一些需要DOM元素的操作，例如初始化插件、绑定事件等。

以下是一个示例代码，演示了created和mounted的使用方法：

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello, Vue!'
    }
  },
  created() {
    console.log('Vue实例创建完成')
  },
  mounted() {
    console.log('Vue实例挂载完成')
  }
}
</script>