用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里面呢？~~再次感謝大家
2 回答
喵喵時光機
TA貢獻1846條經驗 獲得超7個贊
npm install module --save
會把module包安裝到node_modules目錄匯總
會修改package.json，將模塊名和版本號添加到dependencies部分
之后運行npm install 命令時，會自動安裝module包
之后運行npm install --production或者注明NODE_ENV變量值為production時，會自動安裝 module到node_modules目錄中,即是在線上環境運行時會將包安裝
添加回答
舉報
0/150
提交
取消