Unknown custom element: ＜bm-marker＞

Vue Baidu Map打点，使用<bm-maker>标签报错
官网例子：

<template>
  <baidu-map class="map" :center="{lng: 116.404, lat: 39.915}" :zoom="15">
    <bm-marker :position="markerPoint" :dragging="true" @click="infoWindowOpen">
      <bm-info-window :show="show" @close="infoWindowClose" @open="infoWindowOpen">我爱北京天安门</bm-info-window>
    </bm-marker>
  </baidu-map>
</template>

<script>
export default {
  data () {
    return {
      show: false
    }
  },
  methods: {
    infoWindowClose () {
      this.show = false
    },
    infoWindowOpen () {
      this.show = true
    }
  }
}
</script>

按照该例子会报错Unknown custom element: <bm-marker>
所以改为

<baidu-map class="map" >
    <bml-marker-clusterer :averageCenter="true">
    	<!--这里的key需要定义，不定义会报错，但是用  :key='index'也不行-->
        <bm-marker v-for="marker of markers" :position="{lng: marker.lng, lat: marker.lat}" :key="marker.lng"></bm-marker>
    </bml-marker-clusterer>
 </baidu-map>
    
import {BmlMarkerClusterer,BmMarker} from 'vue-baidu-map'

export default {
	components: { BaiduMap,BmlMarkerClusterer,BmMarker },
	data() {
		markers: [{lng: 113.2759952545166, lat: 23.117055306224895}]
	}
}