# 一、文本框
# 1.1 普通文本框
<div id="app-1">
<p><input v-model="textBox" placeholder="输入内容...">输入的内容:{{ textBox }}</p>
</div>
<script type="text/javascript">
var vm1 = new Vue({
el: '#app-1',
data: {
textBox: ''
}
})
</script>
@前端进阶之旅: 代码已经复制到剪贴板
# 1.2 数字文本框
<div id="app-1">
<p><input v-model.number="numberTextBox" type="number" placeholder="输入内容..."> 输入的内容:{{ numberTextBox }}</p>
</div>
<script type="text/javascript">
var vm1 = new Vue({
el: '#app-1',
data: {
numberTextBox: ''
}
})
</script>
@前端进阶之旅: 代码已经复制到剪贴板
.number参数会强制把返回值转成Number类型,因为就算是type="number",返回的也是字符串型
# 1.3 多行输入框
<div id="app-1">
<p><textarea v-model="mul