vue-lazyload懒加载图片显示不出来

Question

用vue-lazyload做懒加载，按照教程说的首先安装npm install vue-lazyload --save-dev这里我有个问题 ，就是这样安装之后，vue-lazyload出现在devDependencies而不是在dependencies里面，按理说 devDependencies不是说 只是开发阶段使用 而不会在打包之后出现 但是按照我的理解 这个插件不是应该通过--save出现在dependencies里吗？我的项目目录 是通过vuecli脚手架创建的在main.js中import VueLazyload from 'vue-lazyload'  //引入这个懒加载插件  Vue.use(VueLazyload, {   preLoad: 1.3,   error: '../static/img/unload.jpg',   loading: '../static/img/unload.jpg',   attempt: 1})在使用的index.vue中(index.vue位于src/page/index.vue)：通过v-for循环出来的：   <img :v-lazy="single.pic_cover" alt="">  /* <img :src"single.pic_cover" alt="">*//直接绑定到src正常显示图片实际渲染出来的结果 v-lazy似乎没有生效，如果生效的话 应该会渲染成src才对<img v-lazy="../../static/img/m1.png" alt="">//实在找不到问题出现在哪，球大神帮忙看看，先谢谢大家了刚刚查找到问题 v-lazy居然不需要作为绑定属性，删除掉绑定的：即可<img v-lazy="single.pic_cover" alt="">那么现在还剩关于devDependencies 和dependencies，为啥安装VueLazyload 不是通过--save安装到dependencies里面呢？~~再次感谢大家

Answer 1

npm install module --save

会把module包安装到node_modules目录汇总

会修改package.json，将模块名和版本号添加到dependencies部分

之后运行npm install 命令时，会自动安装module包

之后运行npm install --production或者注明NODE_ENV变量值为production时，会自动安装 module到node_modules目录中,即是在线上环境运行时会将包安装

Answer 2

npm install module --save-dev

会把module包安装到node_modules目录汇总

会修改package.json，将模块名和版本号添加到devDependencies部分

之后运行npm install 命令时，会自动安装module包

之后运行npm install --production或者注明NODE_ENV变量值为production时，不会自动安装msbuild到node_modules目录中，即是在线上环境并不会进行安装。
参考自（复制）