我有一个文本输入,上面有一个v-model
和一个v-on:change
.当用户输入时,我会在data
中更新一个数组,UI会绑定到该array.我还想调用一个方法,通过AJAX发送用户输入.发送到服务器的数据是计算(computed)属性的结果.
<div id="app">
<input
id="user-input"
type="text"
v-model="userInput"
v-on:change="process()">
<ul id="parsed-list">
<li v-for="item in parsedInput">
{{ item }}
</li>
</ul>
</div>
let parse = input => {
return input.split(',')
}
let serverProcess = values => {
// Send array to server
}
new Vue({
el: '#app',
data: {
userInput: ''
},
computed: {
parsedInput () {
return parse(this.userInput)
}
},
methods: {
process () {
serverProcess(this.parsedInput);
}
}
});
这是否同时使用了v-model
和v-on:change
最佳实践Vue?