用户输入就是input、textarea，或者你还可以将select、单选、复选等当作是用户输入来对待。

v-model（双向绑定）-- input

<template>
    <p class="page">{{message}}</p>
    <input type="text" v-model="message" placeholder="请输入你想输入的内容">
</template>

<script>
export default {
    name: "app",
    data() {
        return {
            message: ""
        };
    }
};
</script>

v-model（双向绑定）-- checkbox（复选框）

<template>
    <input type="checkbox" id="xiangchang" value="香肠" v-model="checkedGoods">
    <label for="xiangchang">香肠</label>
    <input type="checkbox" id="fengzhua" value="泡椒风抓" v-model="checkedGoods">
    <label for="fengzhua">泡椒风抓</label>
    <input type="checkbox" id="latiao" value="辣条" v-model="checkedGoods">
    <label for="latiao">辣条</label>
    <br>
    <span>Checked names: {{ checkedGoods }}</span>
</template>

<script>
export default {
    name: "app",
    data() {
        return {
            checkedGoods: []
        };
    }
};
</script>