From 3458bd2847c0b072cdf9331f2a1169e20b641fec Mon Sep 17 00:00:00 2001 From: pangxie1991 Date: Sat, 1 Apr 2017 14:21:48 +0800 Subject: [PATCH] =?UTF-8?q?waterfall=20=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/examples-docs/waterfall.md | 30 +++++++++++++++++++++++++++++- 1 file changed, 29 insertions(+), 1 deletion(-) diff --git a/docs/examples-docs/waterfall.md b/docs/examples-docs/waterfall.md index 7ba9035da..ad88ecb89 100644 --- a/docs/examples-docs/waterfall.md +++ b/docs/examples-docs/waterfall.md @@ -1,6 +1,32 @@ ## Waterfall 瀑布流 -### 基础用法 +#### 全局注册 + +`Waterfall`引入后就自动全局安装。如果需要,可以再次手动安装: + +```js +import Vue from 'vue'; +import { Waterfall } from '@youzan/zanui-vue'; + +Waterfall.install(Vue); +``` + +#### 局部注册 + +如果你只是想在某个组件中使用`Waterfall`,你可以在对应组件中注册`Waterfall`指令,这样只能在你注册的组件中使用`Waterfall`: + +```js +import { Waterfall } from '@youzan/zanui-vue'; + +export default { + directives: { + WaterfallLower: Waterfall('lower'), + WaterfallUpper: Waterfall('upper') + } +}; +``` + +### 代码演示