1. v-model基本用法
Vue中通过指令v-model
对表单完成双向绑定。
1.1 文本输入框
<!-- 文本输入框 -->
<body>
<div id="app">
<input type="text" v-model="message" placeholder="Please input text">
{
{message}}
</div>
<script src = "https://unpkg.com/vue/dist/vue.min.js"></script>
<script>
var app = new Vue({
el: '#app',
data: {
message: ''
},
})
</script>
</body>
1.2 单选按钮
<!-- 单选框 -->
<body>
<div id="app">
<input type="radio" v-model="picked" value="html" id="html">
<label for="html">html</label>
<br>
<input type="radio" v-model="picked" value="css" id="css">
<label for="css">