vue项目功能 侦听器 分页 过滤器 图片懒加载

1.图片懒加载   https://www.npmjs.com/package/vue-lazyload

npm i vue-lazyload -S

在main.js中

import VueLazyload from 'vue-lazyload'

Vue.use(VueLazyload)

 

Vue.use(VueLazyload, {

  preLoad: 1.3,

  error: 'dist/error.png',

  loading: 'dist/loading.gif',

  attempt: 1

})

 

例子

<ul>

  <li v-for="img in list">

    <img v-lazy="img.src" >

  </li>

</ul>

 

过滤器

 

  全局
        Vue.filter('名字',function(value){
            return value处理之后的值
        })
    局部
    {
        filters:{