vue模板插值失效问题

用vue的模板插值，出现修改data值页面不变的问题

<button  @click="click">{{btnText}}</button>

...
data:{
	btnText:'按钮'
},
method:{
	click:function(){
		$('button').ladda().start();//启动特效（瞎写的）
	}
}

由于我使用了ladda按钮特效，导致改变btnText结果页面显示不响应。
猜测原因是，ladda特效修改覆盖了button的一些事件回调，导致vue模板插值失效。
解决办法：使用v-text="btnText"替换可以解决问题
原理不明