Question

我对Vuejs完全陌生，我的问题是：

无论如何，v-on会监听click事件，然后执行模块中定义的功能吗？

例如：

<button v-on:click="executeClick()"></button>

将在下面的模块中执行executeClick()，它将通过Vue导入到require实例中：

module.exports = {
  executeClick: function () {
    // do something
  }
}

我正在尝试使vue实例的methods不会被一堆函数挤满。

Answer 1

否，在模型内，您需要此组件中的功能解决方案：

click.js
module.exports = {
  executeClick: function () {

  }
}

component.vue
<template>
  <tag @click="$options.click.executeClick">
</template>

<script>
import click from 'click.js'
export default {
  click: click
}
</script>

v-on：click绑定到模块中的功能

1 个答案: