vue项目常用的项目开发插件与指令

参考文章：这15个Vue自定义指令，让你的项目开发爽到爆

1、文本截断：Vue-Clampy

文档地址：@clampy-js/vue-clampy

安装：

npm install @clampy-js/vue-clampy
/* 或 */
yarn install @clampy-js/vue-clampy

main.js文件中全局引入

/* main.js文件中 */
import clampy from '@clampy-js/vue-clampy';

Vue.use(clampy);

new Vue({
    el: "#app",
    directives: {
        clampy
    }
});

/* 使用 */
<template>
  <p v-clampy="3">Long text to clamp here</p>
</template>  

2、图片懒加载：Vue-Lazyload

3、点击时的水波纹：Vue-Ripple-Directive

4、V-Scroll-Lock

5、vue-photo-preview 图片预览 http://npm.taobao.org/package/vue-photo-preview