Vue引入Bootstrap jquery 后 dropdown下拉菜单没反应

注意引入次序：

jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边)

<template>
  <div>
	<div class="dropup">
	  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	    Dropup
	    <span class="caret"></span>
	  </button>
	  <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
	    <li><a href="#">Action</a></li>
	    <li><a href="#">Another action</a></li>
	    <li><a href="#">Something else here</a></li>
	    <li role="separator" class="divider"></li>
	    <li><a href="#">Separated link</a></li>
	  </ul>
	</div>
  </div>
</template>

<script>
  import 'bootstrap/dist/css/bootstrap.min.css'
  import $ from 'jquery'
  import 'bootstrap/dist/js/bootstrap.min.js'
  export default {
    name: "index",
    data() {return {}},
    watch: {},
    mounted() {},
    methods: {}
  }
</script>

<style scoped>

</style>