vue 动态dom 绑定事件并传参数

Vue是一款流行的JavaScript框架，其中的动态DOM可以轻松的绑定事件，并且可以传递参数，下面将具体介绍此操作的方法。

在Vue中，可以使用v-on指令来绑定事件，并可以使用方法来处理这些事件。在绑定事件时，可以对事件传递参数，通过在vue实例中定义一个方法来获取参数。例如：

<!-- 绑定click事件, 传递参数 'foo' -->
<button v-on:click="handleClick('foo')">Click me</button>

// 在vue实例中定义一个方法来获取参数
methods: {
  handleClick(param) {
    console.log(param)
  }
}

当用户点击该按钮时，`handleClick`方法将被触发，`param`参数将传递到该方法中，并在控制台中打印`'foo'`。

在处理事件时，您还可以使用ES6语法的箭头函数来绑定方法。例如：

<!-- 绑定click事件, 传递参数 'bar' -->
<button v-on:click="() => { handleClick('bar') }">Click me</button>

这样就可以在事件监听中直接定义一个箭头函数，并在其中调用`handleClick`方法，并将参数‘bar’传给方法。

绑定事件和传递参数是Vue中动态DOM的基本需求，这样的操作可以更加灵活便捷地控制页面的交互过程。