vue按需引入vue-beauty某些组件会出错的解决方法

自个项目用到了vue-beauty三个组件，不多，整个引入捆绑的东西就太多了，单个引入出错，官网很含糊的描述一条按需引入，百度没有就自个撸起袖子解决了

这是官网的说明：

---

    npm install vue-beauty -S 
    //OR
    yarn add vue-beauty

    import Vue from 'vue'

    //import css
    import 'vue-beauty/package/style/vue-beauty.min.css'

    //import components
    import vueBeauty from 'vue-beauty'
    Vue.use(vueBeauty)

    //OR
    import {alert} from 'vue-beauty'
    Vue.use(alert)

例如回到顶部组件

 

这样单独引入？

import {BackTop} from 'vue-beauty'
Vue.use(BackTop)

看报错说是否正确注册，那按照vue注册的思想，找到node_modules 下的vue-beauty目录

打开index下看他是什么妖魔鬼怪

 

完事，改成backTop搞定

好了，重点来了，引入走马灯carousel

光引入carousel，大小写对了，也还没完，依然报错，报缺失v-carousel-item，正确写法如下

 

最后还有几个也是同carousel类似的，依葫画瓢搞定~~