LazyComponent

用来实现组件的懒加载

示例
  1. <nut-lazycomponent class="demo">
  2.     <!--预加载loading可以自定义不传则系统默认 -->
  3.     <div class="loading" slot="loading" v-html="svg"></div>   
  4.     <!--需要预加载的模块 -->
  5.     <div class="cp-box">
  6.                  我是模块13
  7.     </div>
  8. </nut-lazycomponent>

Props
参数说明类型默认值可选值
viewport组件所在的视口，如果组件是在页面容器内滚动，视口就是该容器Stringnull，代表视图最外层—
direction视口的滚动方向String'vertical'（竖直），'horizontal'（横向）vertical
threshold预加载暴露值, css单位String'.01rem''—px'
tagName组件外层的元素String'div'—
Events
事件名说明回调参数
before-enter懒加载模块开始进入最外层包裹元素
before-enter懒加载模快已经进入最外层包裹元素
before-leave等待元素开始离开最外层包裹元素
after-leave等待元素已经离开最外层包裹元素
after-init组件开始显示最外层包裹元素