vue模板语法

标 签:

html部分:

<div id="app">
    <input type="text" v-model="inputVal" />
    <button v-on:click="sbt">提交</buttion>
    <ul>
        <li v-for="item in list">{{item}}</li>
    </ul>
</div>

创建vue实例:

<script>
    var app = new Vue({
        el:'#app',
        data:{
            list:[],
            inputVal:'123',  //用v-model进行又向绑定,不管是用 app.$data.inputVal=123改变,还是输入框输入都上同步改变。
            
        },
        methods:{
            sbt:function(){
                this.list.push(this.inputVal);
                this.inputVal = '';
            }
        }
    })
</script>


后台编程 / 评 论 (0) / 热度 (110℃) / 2019-04-15 / 阅读全文  / MaWei