vue进入页面自动调用方法

在 Vue 中，可以使用 `created` 或 `mounted` 钩子函数来实现组件进入页面自动调用方法。

`created` 钩子函数会在组件被创建时调用，可以在该钩子函数中执行一些初始化操作。

`mounted` 钩子函数会在组件被挂载到页面后调用，可以在该钩子函数中执行一些 DOM 操作或请求数据等。

例如，在组件中定义一个方法 `init`，可以在 `created` 钩子函数中自动调用：

<template>
  <div>
    ...
  </div>
</template>

<script>
export default {
  name: 'MyComponent',
  methods: {
    init() {
      console.log('组件进入页面，自动调用 init 方法');
    }
  },
  created() {
    this.init();
  }
}
</script>

或者在 `mounted` 钩子函数中自动调用：

<template>
  <div>
    ...
  </div>
</template>

<script>
export default {
  name: 'MyComponent',
  methods: {
    init() {
      console.log('组件进入页面，自动调用 init 方法');
    }
  },
  mounted() {
    this.init();
  }
}
</script>