自个项目用到了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类似的,依葫画瓢搞定~~