vue methods:

在Vue中，methods是一个对象，用来定义组件中可用的方法。这些方法可以在模板中被调用，也可以在组件实例内部被调用。

定义methods的语法如下：

Vue.component('my-component', {
  methods: {
    // 方法
  }
})

或者在一个Vue实例中：

new Vue({
  el: '#app',
  data: {
    // 数据
  },
  methods: {
    // 方法
  }
})

在组件模板中调用methods方法的语法如下：

<template>
  <div>
    <button @click="myMethod">Click me</button>
  </div>
</template>

在组件实例内部调用methods方法的语法如下：

export default {
  methods: {
    myMethod() {
      // 方法体
    }
  }
}

在methods对象中，方法定义的格式为键值对，键是方法名，值是一个函数，其中函数体是方法的具体实现。在模板中调用时，方法名需要用v-on指令绑定，也可以简写为@符号。在组件实例内部调用时，方法名直接作为函数名调用即可。

相关问题

vue methods写法

Vue中的methods属性用于定义组件中的方法。基本语法是在Vue实例的methods属性中以键值对的形式定义方法，方法名作为键，方法体作为值。示例代码如下：

var vm = new Vue({
  methods: {
    方法名: function() {
      // 方法体
    }
  }
});

在Vue 2中，初始化时会解析并重新定义methods中的方法的引用，同时修改调用函数时的上下文环境，将this指向Vue实例。

示例代码如下：

function initMethods(vm, methods) {
  for (const key in methods) {
    vm[key] = typeof methods[key] !== 'function' ? noop : methods[key].bind(vm);
  }
}

例如，我们可以在methods中定义一个名为show的方法：

methods: {
  show: function() {
    console.log("显示内容");
  }
}

在方法中可以访问组件的属性。

vue methods里面的方法调用本地定义的const方法

你可以在Vue的methods中调用本地定义的const方法，只需要在Vue实例中定义一个方法，然后在这个方法中调用const方法即可。例如：

const utils = {
  foo() {
    console.log('Hello World!')
  }
}

new Vue({
  methods: {
    bar() {
      utils.foo()
    }
  }
})

在这个例子中，我们定义了一个名为`utils`的常量对象，并定义了一个名为`foo`的方法。然后在Vue实例中定义了一个名为`bar`的方法，这个方法内部调用了`utils.foo()`。这样就可以在Vue的methods中调用本地定义的const方法了。