swiper组件的问题

swiper组件的问题

老师你好,关于swiper组件有几个问题:

  1.  引用时加的花括号,下面的情况为什么要使用花括号?

    1. import {swiperSlide} from 'vue-awesome-swiper';

    2. import {sliderOptions} from 'pages/home/config'

2. vue-awesome-swiper插件安装后,还需要安装swiper插件吗?我安装了awesome-swiper之后,无法引入,然后让我安装swiper插件。

3. 如果vue-cli中安装了多余的插件,要怎么卸载?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
好帮手慕夭夭 2020-04-28 15:13:06

同学你好,老师这边测试卸载是没有问题的,同学是不是在项目中已经导入了swiper组件了?可以检查一下,如果是,把导入插件换成'vue-awesome-swiper' 。改了之后再重新卸载swiper试一试

http://img1.sycdn.imooc.com//climg/5ea7d766095ed4bd06980144.jpg

祝学习愉快 ~

提问者 花生香又脆 2020-04-28 12:50:16

老师,我按照这个方法卸载不了, 我想卸载多余的swiper插件

http://img1.sycdn.imooc.com//climg/5ea7b55c096f2cfc03990220.jpg

但是出现了Error提示

http://img1.sycdn.imooc.com//climg/5ea7b59309815dce07880144.jpghttp://img1.sycdn.imooc.com//climg/5ea7b593092366d209100105.jpg



好帮手慕夭夭 2020-04-28 11:48:01

同学你好,问题解答如下:

这是es6的语法,如果一个文件中,加default导出默认的变量或者模块,那么其他文件导入时则不需要加花括号。如果不加default,则需要加花括号。示例:

(1) export default

一个文件导出变量str

const str = "imooc";
export default str;

另一个文件导入str

import str from "a"; //导入的时候没有花括

(2)export 

一个文件导出变量str

const str = "imooc";
export  str;

另一个文件导入str

import {str }  from "a"; //导入的时候没有花括

在swiper插件中,人家已经规定了加{} ,则说明内部去导出的时候,没有加default。当然了,我们不需要了解内部的代码,只要按照人家提供的方式,导入时加花括号即可。

2.不需要了,直接执行 npm install swiper vue-awesome-swiper --save 安装swiper插件。是不是网络不好没有安装全,建议重新试一试。

3. 卸载插件参考如下

npm uninstall  插件名  

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 花生香又脆 #1
    老师,我卸载不了,我上传了一下图片,麻烦帮我看看是什么问题
    2020-04-28 12:51:04
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师