标签：一个 懒加载 use ges code 组件 tran gui fine
数据渲染时，三层表达式如a.b.c需要思考一下会不会出现 undefined.属性的问题
解决办法：v-if
处理原对象中本无属性的情况，需要通过
Vue.set(对象，属性名，属性值)这样才会自动绑定
通过给路由添加meta的属性
computed: { pages () { const pages = [] this.list.forEach((item, index) => { const page = Math.floor(index / 8) if (!pages[page]) { pages[page] = [] } pages[page].push(item) }) return pages } }
图片懒加载: vue-lazyload
下载npm install --save vue-loader
使用
import VueLazyload from ‘vue-lazyload‘ import loading from ‘./common/img/loading.gif‘ Vue.use(VueLazyload, { loading }) <img v-lazy="food.image">
打包可视化: npm run build --report
动画 <transition name="abc">...</transition>
abc-enter-active,abc-leave-active{transition all .3s}
abc-enter,abc-leave-to{transform ...}
标签：一个 懒加载 use ges code 组件 tran gui fine
原文地址：https://www.cnblogs.com/xiaohuai/p/9170701.html
