Vue.jsの話: 単一コンポーネントで作成したMixinに引数を渡す

汎用的なスライダーのmixinをつくりたいけど、offsetとかループの有無とかはコンポーネントごとに違うので引数で渡せるようにしたいなーとなったので覚え書きです。

やることは簡単で、vue commponentの要素を持ったObjectを返すfunctionを呼び出すだけです。






export default function(opts) {
  return {
    data() {
      return {
        slideIndex: opts.offset || 0,
      }
    },
    methods: {
      isCurrent(index) {
        return this.slideIndex === index;
      },
      next() {},
      prev() {},
    },
  }
}
  • BLOG
  • >
  • web
  • >
  • Vue.jsの話: 単一コンポーネントで作成したMixinに引数を渡す