vue-其他

vue-resource

// 2.1 导入 vue-resource
import VueResource from 'vue-resource'
// 2.2 安装 vue-resource
Vue.use(VueResource)
// 设置请求的根路径
Vue.http.options.root = 'http://vue.studyit.io';
// 全局设置 post 时候表单数据格式组织形式   application/x-www-form-urlencoded
Vue.http.options.emulateJSON = true;

moment

// 导入格式化时间的插件
import moment from 'moment'
// 定义全局的过滤器
Vue.filter('dateFormat', function (dataStr, pattern = "YYYY-MM-DD HH:mm:ss") {
  return moment(dataStr).format(pattern)
})

preview

// 安装 图片预览插件
import VuePreview from 'vue-preview'
Vue.use(VuePreview)

缩略图使用实例

图片懒加载(muit提供)

    

      
        
        

          
{{ item.title }}
          
{{ item.zhaiyao }}