Vue 學習筆記

v-model
v-show v-if v-else
FOR DATA


v-on
v-on:click  = @click
v-on:submit
FOR METHODS


<span v-for = "item in items">{{item}}</span>

<li v-for="(item, index) in items">
        {{ parentMessage }} - {{ index }} - {{ item.message }}
</li>
<script>
  new Vue({
    el: "#app",
    data: {
      parentMessage: '台北市',
      items: [
        { message: '中正區' },
        { message: '中山區' },
        { message: '大同區' }
      ]
    }
  });
</script>
FOR LOOP


v-bind
v-bind:style{}
    <script>
      new Vue({
        el: '#app',
        data: {
          myCheck: false,
          myCheck2: true
        }
      });
    </script>


<div v-bind:class="{ active: myCheck, normal: myCheck2 }">456</div>
FOR STYLE