(vue change) vue中使用@change的方法
在 Vue 中，@change是监听变化的一种方式，特别是在一些表单元素，比如<select>, <input>, <textarea>中，会被非常频繁地使用。当你在元素上使用@change，意味着当元素的值发生改变且且失去焦点（或者回车确认）时，会触发change事件, 并运行你设定的函数。
你可以这样来使用它们：
<template>
<div>
<input @change="handleChange" v-model="message" placeholder="edit me" />
<p>Message is: "{{ message }}"</p>
</div>
</template>
<script>
export default {
data() {
return {
message: ""
};
},
methods: {
handleChange(e) {
alert('您的输入变化了，新的值为: ' + e.target.value);
}
}
};
</script>在这个实例中，我们创建了一个 text input 框，并在这个元素上设置了 @change="handleChange" ，意思是当输入框的内容发生变化并且失去焦点时，会调用 handleChange 这个方法。
v-model="message" 实现了双向数据绑定，也就是输入框的数据可以实时同步到 message 这个数据中，反过来 message 的变化也会实时反映到输入框上。
handleChange 这个方法用来接收发生变化的事件，并且通过 alert 弹窗展示新值，这个新值就是通过监听的事件 e.target.value 来获取的。
每次输入内容改变并失去焦点时，你都会看到浏览器弹出来的一个对话框，显示输入框新的内容。
(linux pip) linux常用命令之pip命令示例详解 Linux下pip命令使用指南 全网首发(图文详解1)
(this.setdata) 小程序中this.setData的使用和注意事项 小程序this. setData方法使用与注意事项 全网首发(图文详解1)
