vue2怎么自定义方法在mounted调用

你可以在Vue实例的`methods`对象中定义自定义方法，在`mounted`钩子函数中调用它。例如：

<template>
  <div>
    <button @click="customMethod">点击我</button>
  </div>
</template>

<script>
export default {
  name: 'MyComponent',
  methods: {
    customMethod() {
      console.log('这是一个自定义方法');
    }
  },
  mounted() {
    this.customMethod();
  }
}
</script>

在上面的代码中，我们定义了一个名为`customMethod`的自定义方法，并在`mounted`钩子函数中调用它。当用户点击按钮时，也可以通过`@click`指令来调用该方法。

相关问题

调用vue自定义方法的生命周期

在Vue中，我们可以使用自定义方法来扩展组件的功能。这些自定义方法可以在组件的生命周期钩子函数中调用。Vue提供了一系列生命周期钩子函数，可以让我们在组件不同的阶段执行相应的操作。

以下是调用自定义方法的一些常用生命周期钩子函数：

1. created：在组件实例创建之后调用，此时可以访问实例中的属性和方法，但DOM还未渲染。
2. mounted：在组件挂载到DOM后调用，此时可以执行DOM操作和请求数据的操作。
3. updated：在组件更新后调用，此时DOM已经更新完毕，可以执行一些需要依赖更新后DOM的操作。
4. destroyed：在组件销毁之前调用，可以进行一些清理操作。

例如，假设我们有一个自定义方法`hello`，我们可以在Vue组件的生命周期钩子函数中调用它：

export default {
  created() {
    this.hello();
  },
  methods: {
    hello() {
      console.log('Hello!');
    }
  }
}

当组件被创建时，`created`钩子函数会被调用，从而触发自定义方法`hello`。

写一个vue2自定义插件

好的，下面是一个简单的 Vue2 自定义插件的示例：

// my-plugin.js
const MyPlugin = {}

MyPlugin.install = function (Vue, options) {
  // 添加全局方法
  Vue.myGlobalMethod = function () {
    console.log('myGlobalMethod called')
  }

  // 添加全局指令
  Vue.directive('my-directive', {
    bind (el, binding, vnode, oldVnode) {
      // 指令绑定时的逻辑
    },
    // 其他钩子函数
  })

  // 添加实例方法
  Vue.prototype.$myMethod = function (methodOptions) {
    console.log('myMethod called with options: ', methodOptions)
  }
}

export default MyPlugin

在 Vue 应用中使用该插件：

import Vue from 'vue'
import MyPlugin from './my-plugin'

Vue.use(MyPlugin, { someOption: true })

new Vue({
  // ...
})

// 在组件中使用
export default {
  // ...
  mounted () {
    Vue.myGlobalMethod() // 调用全局方法
    this.$myMethod({ someData: 'hello' }) // 调用实例方法
  }
}

以上代码示例中，自定义插件 MyPlugin 通过 install 方法将全局方法、全局指令和实例方法添加到 Vue 中。在使用插件时，需要调用 Vue.use() 方法来安装插件，并且可以传入插件的选项。之后就可以在组件中通过 Vue.myGlobalMethod() 调用全局方法，通过 this.$myMethod() 调用实例方法了。