经过两天的简单学习,用vue做一个小小的例子巩固学习。<body><div id="box"> <input type="text" v-model=command @keyup.enter=add ...
经过两天的简单学习,用vue做一个小小的例子巩固学习。
<body><div id="box"> <input type="text" v-model='command' @keyup.enter='add' /> <div v-show='list.length==0'>暂无留言</div> <ul> <li v-for="value in list"track-by=$index>{{value}} <a href="javascript:;" @click='rm($index)'>删除</a> </li> </ul></div><script src='/images/loading.gif' data-original="libs/vue.js"></script><script> new Vue({ el:'#box', data:{ command:'', list:[] }, methods:{ add:function(ev){ this.list.unshift(this.command) this.command=''; }, rm:function(index){ this.list.splice(index,1) } } })</script></body>
原标题:vue版本的留言板
关键词:VUE
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。