vue自定义指令实现图片懒加载

在vue项目开发过程中,为了优化体验经常会有给图片添加懒加载的功能。vue给我们提供了自定义指令,通过自定义指令,我们可以方便快捷的实现改需求。

什么是vue自定义指令?

具体见vue官方文档——vue自定义指令

封装自定义指令你需要知道:
  • 指令的定义,需要用到Vue.directive方法(以注册一个v-focus为例):
// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', { 
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function
    原文作者:V_AYA_V
    原文地址: https://blog.csdn.net/V_AYA_V/article/details/106827394
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞