项目构成:vue+nuxt+vue-awesome-swiper
插件引入思路:
1.使用命令安装插件
2.在plugins文件夹下建立一个全局注册插件的文件
3.在nuxt.config.js中配置插件
具体步骤:
1.安装vue-awesome-swiper插件,命令为
npm install vue-awesome-swiper --save
注:此时自动安装最新版vue-awesome-swiper(我安装的版本为3.1.3 ),
我看了下package-lock.json文件,发现以下代码,就想当然地认为需要再次安装 指定版本的swiper,实际根本不需要。
"vue-awesome-swiper": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/vue-awesome-swiper/-/vue-awesome-swiper-3.1.3.tgz",
"integrity": "sha512-E7suzkyApO8vNZbgdEnjSmnpsmQZyRvSVXJ7sey3XYwKPOkLhH3+GnHroBw+5PZIQXvWBwdCeQsPG1xQ1r1Rhg==",
"requires": {
"object-assign": "^4.1.1",
"swiper": "^4.0.7"
}
}
<