实战笔记

图片懒加载：

npm install vue-lazyload --save  安装命令

import VueLazyload from 'vue-lazyload'    在mai.js中引用

Vue.use(VueLazyload,{   //全局引用
loading:require('common/image/load.png') // loading的图片是图片未加载时显示的图片
})

    全局引用

<img v-lazy="cate.image" width="100%">   img中应用    

商品展示左右滑动效果 ：

vue-awesome-swiper --save   安装命令   

 

在组件中 引入：（不是每个组件都用，不建议全局引入（main.js））

import vueAwesomeSwiper from 'vue-awesome-swiper' //全局引入 此插件是左右滑动展示商品效果
import 'swiper/dist/css/swiper.css' //引入上插件样式 在node_modules 查找 或参照官方文档