Fork me on GitHub

v-model

<body>
    <div id="app">
        <input type="text" v-model="msg">
        {{msg}}
        <button v-on:click="change()">点击我</button>
        <button v-on:click="out()">弹出</button>

        <hr>
        <label>课程：
            <select v-model="course">
                <option value="html">html</option>
                <option value="css">css</option>
                <option value="js">js</option>
            </select>
        </label>
        <input type="radio" value="html" v-model="course">html
        <input type="radio" value="css" v-model="course">css
        <input type="radio" value="js" v-model="course">js
        <p>你选择了：{{course}}</p>
    </div>
</body>

</html>
<script src="node_modules/vue/dist/vue.js"></script>

<script>
    let vue = new Vue({
        el: app,
        data() {
            return {
                msg: 'hello vue',
                course: "css"
            }
        },
        methods: {
            change() {
                this.msg = 'hello world'
            },
            out() {
                alert(this.msg)
            }
        },
    })
</script>
posted @ 2025-03-26 14:53  一名狗书匠&  阅读(5)  评论(0)    收藏  举报

asd