npm安装幻灯片插件并配置

一、安装需要的插件

        npm install vue-awesome-swiper

二、配置环境

        在plugins文件夹下新建文件nuxt-swiper-plugin.js，内容是

        import Vue from 'vue'

        import VueAwesomeSwiper from 'vue-awesome-swiper/dist/ssr'

        Vue.use(VueAwesomeSwiper)

        在nuxt.config.js文件中配置插件，将plugins和css节点复制到module.exports节点

module.exports = {  
  plugins:[
    {src: '~/plugins/nuxt-swiper-plugin.js', ssr: false}
  ],

  css:[
    'swiper/dist/css/swiper.css'
  ]
}

三、复制项目需要使用到的静态资源  =>  assets目录