vue demo2

learn instructions！

by Chuyue_813

HTML

<div id="app">
  <p v-if="flags">Now you see me</p>
  <ul>
    <li v-for="alist in lists">
      {{alist.id}}. {{alist.tex}}
    </li>
  </ul>
  <p>{{message}}</p>
  <button v-on:click="reverseMe">Reverse</button>
</div>

JavaScript

var app=new Vue({
	el:'#app',
  data:{
  	flags:true,
  	lists:[
    	{id:0,tex:'123'},
      {id:1,tex:'456'},
      {id:2,tex:'789'}
    ],
    message:'message'
  },
  methods:{
  	reverseMe:function(){
      this.message=this.message.split('').reverse().join('')
    }
  }
})