vue observable下载 - vue observable源代码下载

vue observable

三方组件

version 0.1.4

下载

Vue-Observable

抽象的VUE组件利用相交器，突变处理器和resizeObserver浏览器API

请记住，您需要多填充

？安装

npm install --save vue-observable

？用法

componentList

<intersect>
<mutation>
<resize>

Bundler（webpack，lollup）

 import Vue from 'vue'
import VueObservable from 'vue-observable'

Vue . use ( VueObservable )

或者

 import { Intersect , Mutation , Resize } from 'vue-observable'

export default {
  components : { Intersect , Mutation , Resize }
}

浏览器

 <!-- Include after Vue -->
<!-- Local files -->
< script src =" vue-observable/dist/vue-observable.js " > </ script >

<!-- From CDN -->
< script src =" https://unpkg.com/vue-observable " > </ script >

？成分

IntersectionObserver- `<intersect>`

<intersect>组件将检测给定元素是否在视口中。并发出活动。

道具

支柱	必需的	默认
根	不	无效的
rootmargin	不	`0px 0px 0px 0px`
临界点	不	`[0, 0.2]`

事件

enter
leave
change

用法

 < intersect @enter =" enterMethod " @leave =" leaveMethod " @change =" changeMethod " >
  < some-component-or-node >
</ intersect >

突变操作器 - `<Mutation>`

道具

支柱	必需的	默认
attributeFilter	不	无效的
属性值	不	无效的
属性	不	错误的
角色达塔	不	无效的
角色dataoldvalue	不	无效的
儿童列表	不	错误的
子树	不	错误的

事件

mutation

用法

 < mutation @mutation =" mutationMethod " >
  < some-component-or-node >
</ mutation >

resizeObserver- `<resize>`

道具

N/A。

事件

resize

用法

 < resize @resize =" resizeMethod " >
  < some-component-or-node >
</ resize >

发展

启动视觉测试

npm run dev

发起覆盖范围的业力

npm run dev:coverage

建造

将JS和CSS捆绑到dist文件夹：

npm run build

出版

prepublish挂钩将确保在发布之前创建DIST文件。这样，您就不需要在存储库中提交它们。

 # Bump the version first
# It'll also commit it and create a tag
npm version
# Push the bumped package and tags
git push --follow-tags
# Ship it 
npm publish