vue和bootstrap-switch结合坑

需求：项目中需要做个开关，就选择boostrap-switch。（boostrap-switch官方是不是放弃了？）
先走正规的流程：
1、引入插件

2、html

3、js

$('[name="status"]').bootstrapSwitch({  
		onText:"启用",  
		offText:"停用",  
		onColor:"success",  
		offColor:"danger",  
		size:"mini",
		onSwitchChange : function(event, state) { //事件函数
			console.log(state)
		}
}) 

不出什么意外，应该就可以了~~~~怎么可能这么容易就解决了（想骂人，嘤嘤）
注意：上错误！！！！
错误一：

什么鬼！就怕插件引入的时候就报错。没办法，找吧。
大家注意我上面的bootstrap-switch的引用路径（vue项目），这是放在static目录中的资源。那么引入的时候就在index.html中。那jQuery呢？自然也不能按照原来的在main.js中导入了，于是我试了试也把jq放在static中，并且在bootstrap-switch之前引用，问题解决了。不用说了，清楚原因了吧。

错误二：

这种错误不用说，一定是插件没有加载到。后来我查了控制台network，发现css和js都正确加载了。我…
因为项目是vue，我就想着直接在模块中引入这个插件试试吧。

这是在我的.vue模块中引入的，问题解决了。原因：研究中~
以上操作完成，得到正确开关：

但是还不够完美，后续我会继续修理的。
残留问题：js中的size不管用【哎】，插件加载到底有什么问题。

注意：我的这个开关是在bootstrap模态框中的，没有设置任何其他的。

点个赞，谢谢哦。