JSFiddle - React, Tailwind, and code Playground

by kamijam

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app" v-bind:title="message">
  <p>{{ message }}</p>
  <p v-if="oven">v-if控制是否显示</p>
  <ul>
    <li v-for="lis in list">
      {{lis.value}}
    </li>
  </ul>
  <button v-on:click="blackDog">黑个真</button>
</div>

JavaScript

var app1 = new Vue({
  el: '#app',
  data:{
    message:123,
    oven: false,
    list:[
      {	
        value: 1
      },
      {
        value: 2
      }
    ]
  },
  methods:{
    blackDog: function(){
      this.list.push({
        value:"真真是条狗"
      })
    }
  }

});