2018-09-19Vue点击添加删除

    <div id="box">
        <input></input><button v-on:click="push">添加</button>
        <ul>
            <li v-for="a in arrs">{{a.name}}<button>删除</button></li>
        </ul>
    </div>
    <script src="js/vue.js"></script>
    <script>
        new Vue({
            el:'#box',
            data:{
                arrs:[
                {name:'吃饭'},
                {name:'睡觉'},
                {name:'打游戏'}]
            },
            methods:{
                push:function(){
                    this.arrs.push({})
                }
            }
        })
    </script>