<!DOCTYPE HTML><HTML> <head> <Meta charset="UTF-8"> <Title></Title> </head> <script src="https://cdn.bootCSS.com/vue/2.6.10/vue.Js"></script> <body> <div ID="app"> {{tex}} <hr /> <div v-if="isok" >真出现</div> <div v-else>假出现</div> <hr /> <button @click="add">+</button>{{count}}<button @click="jian">-</button> <hr /> <ul> <li v-for="(item,index) in arr">{{index}}-----{{item}}</li> </ul> <hr /> {{bangding}} 请输入<input type="text" v-model="bangding" /> <hr /> </div> <script type="text/JavaScript"> var vue=new Vue({ el:"#app",data:{ tex:"文字",isok:false,count:0,arr:["8","5","88","99"],bangding:"",},methods:{ add:function(){ this.count++; },jian:function(){ this.count--; } } }); </script> </body></HTML>总结
以上是内存溢出为你收集整理的vue-2全部内容，希望文章能够帮你解决vue-2所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）