在vue项目开发过程中,为了优化体验经常会有给图片添加懒加载的功能。vue给我们提供了自定义指令,通过自定义指令,我们可以方便快捷的实现改需求。
什么是vue自定义指令?
具体见vue官方文档——vue自定义指令
封装自定义指令你需要知道:
- 指令的定义,需要用到Vue.directive方法(以注册一个v-focus为例):
// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
// 当被绑定的元素插入到 DOM 中时……
inserted: function