图片懒加载、自定义插件（全局插件）的理解

图片懒加载
npm i vue-lazyload@1.3.3
安装最新版会报错

自定义插件的使用（理解）
1、封装一个自定义插件，并暴露出去

// vue插件一定暴露一个对象
let myPlugins = {}

myPlugins.install = function (Vue, option) {
  // 全局指令
  Vue.directive(option.name, (element, params) => {
    element.innerHTML = params.value.toUpperCase()

  })
}

export default myPlugins

2、在main.js文件中引入

// 引入自定义插件

import myPlugins from '@/plugins/myPlugins'

Vue.use(myPlugins, {

  name: 'upper'

})

3、可以在组件中使用封装好的全局组件，以v-xxx的形式使用（xxx取决于name的值）