在Vue2中如何操作元素数据（使用v-model）？

在Vue 2中，可以使用v-model指令将元素与组件的状态双向绑定。通过修改组件的状态，可以轻松更改元素的值。但是，当需要在操作元素的值时，v-model并不是最佳选择。

相反，可以通过使用ref指令引用元素并直接访问其属性来操作元素的值。

例如，下面是一个包含输入框的组件，在该组件中，当用户点击按钮时，组件将清除输入框的值：

<tem pl ate> <input type="text" ref="inputBox"> <button @click="clearInput">清空输入框</button> </tem pl ate>

<s cr i pt > export default { methods: { clearInput() { this.$refs.inputBox.value = ''; </s cr i pt >