uni-app组件引入应用

uni-app项目导入第三方组件库muse-ui

1.导入muse ui

找到uni-app项目目录，在此目录上打开终端，npm安装muse-ui:

2.创建一个.vue文件

3.例如：导入Button组件，首先要导入muse-ui模块从中取出Button组件，在script里添加代码。

import {Button} from ‘muse-ui’;
import ‘muse-ui/dist/muse-ui.css’;

然后在components添加组件：

components:{
    lwButton:Button
}

这样，button组件就导入完成。效果如下：

以上是一种方法，比较复杂，还有另一种方法，以轮播图示例：

新建一个页面 components，然后右击新建组件swiper.vue

在swiper.vue 中引入uni-app相关的轮播图组件：

可以适当调整一下样式。
然后在所需轮播图的页面引入components组件：

这样就能实现轮播图的效果了。