项目作者: slexx1234

项目描述 :
Check webp support
高级语言: JavaScript
项目地址: git://github.com/slexx1234/v-webp.git
创建时间: 2018-04-22T19:46:36Z
项目社区:https://github.com/slexx1234/v-webp

开源协议:MIT License

下载


v-webp

Install ES6

  1. npm i v-webp --save
  1. import Vue from 'vue';
  2. import VueWebP from 'v-webp';
  3. Vue.use(VueWebP);

Install ES5

  1. npm i v-webp --save
  1. var Vue = require('vue');
  2. var VueWebP = require('./node_modules/v-webp/es5.js');
  3. Vue.use(VueWebP);

Use browserify!

Usage

  1. <img v-webp="'/image.png'"/>

Or

  1. <img v-if="$webp" src="/image.webp"/>
  2. <img v-else src="/image.png"/>

Or

  1. html.webp {
  2. /* ... */
  3. }
  4. html:not(.webp) {
  5. /* ... */
  6. }