Vue相关

[itboos]

一些vue 相关的内容:

vue2.0 父子通信：
1.https://www.jianshu.com/p/2670ca096cf8
2.webplus/blog#10

非父子通信:(组件间)
https://segmentfault.com/a/1190000010845885

[itboos]

      vue 里面使用本地的静态图片：
       静态图片 也可以使用import 引入
      // data 里面声明：
      nextBtnStyle: {
        backgroundImage: 'url(' + require('../../assets/pc/images/20180919/next_btn.png') + ')',
        backgroundRepeat: 'no-repeat',
        backgroundSize: '100%'
      },
      prevBtnStyle: {
        backgroundImage: 'url(' + require('../../assets/pc/images/20180919/prev_btn.png') + ')',
        backgroundRepeat: 'no-repeat',
        backgroundSize: '100%'
      }
      Dom里绑定：
      <div class="swiper-button-next" :style = "nextBtnStyle"></div>
      <div class="swiper-button-prev" :style = "prevBtnStyle"></div>

[itboos]

vue 的watch 监控组件props中某个对象属性的改变

 // 有时候，子组件需要等父组件的属性 传过来后再做一些事情，但是属性什么时候传过来是不确定的，
// 这个时候，我们可以监听props 的某个属性， 等到这个数据 有值后（即父组件的值传过来了）, 就会触发回调