在vue中data中初始化資料表單發生變化之後，如果要在input標籤上可以用到用指令v-model，來檢視data中它的變化

，其中元件物件中有computed;以及watch屬性；

例如：

computed:{
  ...mapState(['address','categorys']),

}，

watch: { //資料更新狀態後，重新整理介面   真正vue裡資料改變的話，頁面不會立即變化的，會非同步更新頁面，需要等一下
  categorys(){
    //這個方法是vue提供的方法，在DOM更新完之後自動呼叫
    //vm.$nextTick( [callback] )將回調延遲到下次dom更新迴圈完之後
    this.$nextTick(function () {
      new Swiper('.swiper-container', {
        pagination: { // 圓點指示器的容器div
          el: '.swiper-pagination'
        },
        loop: true, // 可以迴圈輪播
      })
    })
  }
}

//監視的資料可以監視當前元件中data的資料，也可以監視計算屬性computed的資料