vue思路简单实现增加列表

1：vue思路简单实现增加列表

/*1：引入vue.js文件；2：创建一个new Vue*3：v-model绑定数据对数据进行修改/

html代码：

  <div id="app1"><input type="text" v-model="toText"/><button @click="addText()">增加</button>

 <ul>

  <li v-for="item in textList">{{item}}</li>

</ul>

</div>

js代码：

 var app1=new Vue({

  el:"#app1",

data:{

toText:'',

textList:[]

},

methods:{

addText(){

 this.textList.push(this.toText)

}

}

  

 })