vue交互用的是什么

Vue主要使用的是指令和事件来进行交互。

指令是Vue提供的一种特殊属性，用于对DOM元素进行操作或响应。常用的指令有v-model、v-bind和v-if等。v-model用于实现双向绑定，可以将表单输入和Vue实例的数据进行关联；v-bind用于动态绑定属性或样式；v-if用于根据条件来控制DOM元素的显示与隐藏。

事件是用于处理用户交互行为的方法。Vue提供了@和v-on指令来监听DOM事件，常用的事件有click、input、change等。语法形式如@click、@input等。通过事件监听，可以在Vue实例中定义对应的方法来处理用户操作。

除了指令和事件，Vue还提供了一些常用的插件和工具，用于增强交互体验。例如，Vue Router用于实现路由跳转，可以实现页面之间的无刷新切换；Vuex用于集中管理应用的状态，使得不同组件之间可以共享状态；Axios用于发送网络请求，实现与后端API的交互等等。

总的来说，Vue交互主要涉及到指令、事件以及一些插件和工具的使用。通过这些技术，我们可以实现灵活的DOM操作、响应用户交互行为，以及与后端API进行数据交互，从而提升用户体验。

Vue.js 是一种用于构建用户界面的JavaScript框架，对于前端开发非常有用。使用Vue.js，可以轻松地构建交互式的Web应用程序。Vue.js 提供了两种方法来实现交互：指令（Directives）和事件（Events）。

1. 指令（Directives）：Vue.js 提供了一些内置的指令，可以通过指令来修改DOM元素的行为和样式。常用的指令有 v-bind、v-on、v-model 等。v-bind 用于绑定属性，可以从Vue实例中动态绑定数据到DOM元素，从而实现双向数据绑定；v-on 用于监听事件，可以在DOM元素上绑定事件监听器，以响应用户的交互操作；v-model 是 v-bind 和 v-on 的组合使用，可以实现表单输入元素和Vue实例数据的双向绑定。

2. 事件（Events）：Vue.js 中的事件系统提供了一种在DOM元素上监听和触发自定义事件的机制。可以在Vue实例的方法中定义事件处理函数，并在需要的时候触发这些事件。通过事件的监听和触发，可以实现与用户的交互。常用的事件有 click、change、input 等。

3. 组件（Component）：Vue.js 提供了一种组件化的开发方式，可以将页面拆分成多个可复用的组件。组件可以拥有自己的数据、方法和样式。通过组件化的开发，可以更好地组织和管理代码，实现更复杂的交互逻辑。

4. 路由（Router）：Vue.js 提供了 Vue Router 插件，可以实现前端路由。通过定义不同的路由路径和对应的组件，实现单页面应用的页面切换和跳转。

5. Vuex：Vuex 是Vue.js官方推荐的状态管理工具，用于应对应用中的状态管理问题。当应用的状态管理变得复杂时，使用Vuex可以更好地组织和管理数据，使应用的状态变得可预测。Vuex 提供了一种集中式的状态管理机制，可以让组件之间更加高效地共享数据和通信。

在Vue中，交互主要是通过事件来实现的。Vue提供了一套事件系统，用于处理DOM事件和自定义事件。

一、DOM事件

1. 事件绑定
   可以通过v-on指令来绑定DOM事件。例如，可以在一个按钮上绑定点击事件：

<button v-on:click="handleClick">点击我</button>

2. 事件监听
   在Vue实例的methods属性中，可以定义处理事件的方法：

methods: {
  handleClick() {
    // 处理点击事件的逻辑
  }
}

3. 事件修饰符
   Vue还提供了一些事件修饰符，用于对事件进行修改或增强。例如，可以使用.stop修饰符阻止事件冒泡，使用.prevent修饰符阻止默认行为等。

二、自定义事件
除了DOM事件外，Vue还支持自定义事件。可以使用Vue实例的$emit方法触发自定义事件，使用$on方法监听自定义事件。

1. 事件触发
   在Vue实例中，可以使用$emit方法触发自定义事件。例如：

this.$emit('myEvent', payload)

其中，myEvent是自定义事件的名称，payload是要传递的数据。
2. 事件监听
在Vue实例的created或mounted生命周期钩子中，使用$on方法进行事件监听。例如：

created() {
  this.$on('myEvent', this.handleEvent)
},
methods: {
  handleEvent(payload) {
    // 处理事件的逻辑
  }
}

这样，在触发该自定义事件时，handleEvent方法将被调用，且传入的参数为payload。

三、组件间通信
在Vue中，组件间的通信也是通过事件来实现的。可以使用Vue实例的$emit方法触发事件，同时可以使用Vue组件的$on方法进行事件监听。

1. 父组件向子组件通信
   在父组件中，可以通过props将数据传递给子组件。子组件接收到父组件传递的数据后，可以在组件内部进行处理并展示。
2. 子组件向父组件通信
   子组件可以通过$emit方法触发自定义事件，将数据传递给父组件。父组件可以通过@符号监听子组件触发的事件，处理触发事件后的逻辑。

总结：
在Vue中，交互主要通过事件来实现。可以通过DOM事件和自定义事件来实现组件间的通信。DOM事件通过v-on指令进行绑定和监听，自定义事件通过$emit方法触发和$on方法监听。在组件间通信方面，父组件可以通过props向子组件传递数据，子组件可以通过$emit方法向父组件触发自定义事件并传递数据。