为什么我这里只要把recommends 传给 data  ，滚动条就可以滚动，不用校验和监听更新。

home 组件部分代码

<me-scroll :data='recommends'>

<home-slider/>

<home-nav/>

<home-recommend @updata='getRecommend'/>

</me-scroll>

<div class="g-backtop-container"></div>

</div>

</template>

<script>

import HomeHeader from './header'

import HomeSlider from './slider'

import MeScroll from 'base/scroll'

import HomeNav from './nav'

import HomeRecommend from './recommend'

export default {

name: 'Home',

components: {

HomeHeader,

HomeSlider,

MeScroll,

HomeNav,

HomeRecommend

},

data () {

return {

recommends: []

}

},

methods: {

getRecommend (recommend) {

this.recommends = recommend

}

}

}

MeScroll组件不用监听更新，就可以滚动，这是为什么？如下 MeScroll组件部分代码

data () {

return {

swiperOption: {

direction: 'vertical',

slidesPerView: 'auto',

freeMode: true,

setWrapperSize: true,

scrollbar: {

el: this.scrollbar ? '.swiper-scrollbar' : null,

hide: true

}

}

}

}

// 为什么不用校验就可以根性滚动条。

//   props: {

//     data: {

//       type: [Array, Object]

//     }

//   },

//   watch: {

//     data () {

//       this.update()

//     }

//   },

//   methods: {

//     update () {

//       console.log(this.$refs.swiper)

//       this.$refs.swiper && this.$refs.swiper.swiper.update()

//     }

//   }

}