Vue.js + jQueryプラグイン

業務でIE9〜の案件が降ってきたので、vue.jsを使ってみた。
よくあるスライド切替をvue.js + jQuery + jQuery.bxSliderで。

###スライド画像が繰り返される部分にv-repeatを設定

index.jade

ul(id='slide')
	li(v-repeat='photos')
		img(src="{{photo}}", alt="{{title}}")
		

###vue.jsで要素を描画してからjQueryプラグインを適用

index.js

var slide = new Vue({
		el: '#slide',
		data: {
			photos: [
				{
					"photo": "画像1のパス",
					"title": "画像1の名前"
				},
				{
					"photo": "画像2のパス",
					"title": "画像2の名前"
				}
			]
		}
	});
	jQuery("#slide").bxSlider();

これで行けました。