vue实现微博发布功能
主要就是要操控数据，vue的想要改变任何东西，首先第一点要记住我们改变的永远是变量，而不是去操作标签。
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
</style>
<script src="./js/vue.js"></script>
</head>
<body>
<div id="app">
<input type="text" v-model="val" ref='i'/>
{{val}}
<br><br>
<button type="button" v-on:click="add()">发布</button>
<div id="">
<ul>
<li v-for="(item,index) in list">{{item}}
<span v-on:click="del(index)">删除</span>
</li>
</ul>
</div>
</div>
</body>
<script type="text/javascript">
new Vue({
el:'#app',
data:{
val:'',
list:['天气很好','今天心情很奇怪'],
},
methods:{
add(){
this.list.unshift(this.val)
},
del(a){
this.list.splice(a,1)
}
}
})
</script>
</html>
扫一扫
325
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
