在vue2中 使用js 在页面中插入dom节点 并进行数据双向绑定以及事件绑定

在Vue2中，可以通过v-bind和v-on指令来实现数据双向绑定和事件绑定。

首先，在页面中插入DOM节点可以使用Vue的动态组件，例如：

<component :is="currentComponent"></component>

其中，currentComponent是一个data属性，可以根据需要动态改变组件的类型。

接着，可以使用v-model指令来实现数据双向绑定，例如：

<input type="text" v-model="message">

其中，message是一个data属性，可以实现输入框和数据之间的双向绑定。

最后，可以使用v-on指令来绑定事件，例如：

<button v-on:click="doSomething">Click Me</button>

其中，doSomething是一个methods属性中的函数，可以实现点击按钮时的事件处理。

完整的示例代码如下：

<template>
  <div>
    <input type="text" v-model="message">
    <button v-on:click="doSomething">Click Me</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: ''
    }
  },
  methods: {
    doSomething() {
      console.log('Button clicked!');
    }
  }
}
</script>