Vuejs technology Stack-problems encountered

When the data is rendered, the three-layer expression, such as A.B.C, needs to think about whether undefined will appear. Property issues

Workaround: V-if

In case the original object has no attributes, you need to

Vue.set (object, property name, property value) so that it is automatically bound

By adding a meta attribute to a route

Meta: {showfooter:true}<footerguide v-show= "$route. Meta.showfooter"/> can show some components of different routers hide an array into two-dimensional arrays, a 8 upper limit

= []  this. List.foreach (item, index)= = Math.floor (index/8)  if (!  = []} pages[page].push (item)})  return  pages}}

Picture Lazy Loading: vue-lazyload

Download NPM Install--save Vue-loader

Use

Import vuelazyload from ' Vue-lazyload'./common/img/loading.gif 'vue.use (vuelazyload, {loading}) v-lazy= "Food.image" >

Package Visualization: NPM Run Build--report

Animated <transition name= "ABC" >...</transition>

Abc-enter-active,abc-leave-active{transition all. 3s}

Abc-enter,abc-leave-to{transform ...}

Better-scroll

Troubleshooting the scrollbar Problem Postman test interface

Vuejs technology Stack-problems encountered