简介
necfol-vue-fullpage 是一款基于 Vue.js 的全屏滚动组件库。此库可以快速实现全屏滚动效果，适用于一些具有节奏感的展示页面。
安装
你可以通过 npm 来安装 necfol-vue-fullpage，需要先安装 Vue.js 2.x:
npm install vue necfol-vue-fullpage --save
使用
引入组件
import Vue from 'vue'; import NECFolFullpage from 'necfol-vue-fullpage'; Vue.use(NECFolFullpage);
写模板
-- -------------------- ---- -------
--------------- ------------- -
---- ------------------
---- ----------------
--------------
------
------
---- ------------------
---- ----------------
--------------
------
------
---- ------------------
---- ----------------
-----------------
------
------
---- ------------------
---- ----------------
---------------
------
------
-----------------效果
运行上述代码，你将会得到如下的效果：
API
Props
delay：每页停留时间。（单位：毫秒，默认值：1000）
Slots
fullpage-X：X为数字，表示第 X 页的内容。
Events
@change(index)：切换页面时触发，参数index表示当前页的下标。
总结
使用 necfol-vue-fullpage 可以快捷地实现全屏滚动效果，可以适用于一些具有节奏感的展示页面，让你的页面更加生动、有趣。同时该组件库方便易用，API 相对简洁，即使是新手也能很快上手。下面是示例代码供参考：
-- -------------------- ---- -------
----------
-----
--------------- --------------
---- ------------------
---- ----------------
--------------
------
------
---- ------------------
---- ----------------
--------------
------
------
---- ------------------
---- ----------------
-----------------
------
------
---- ------------------
---- ----------------
---------------
------
------
-----------------
------
-----------
--------
------ -------------- ---- ----------------------
------ ------- -
----- ------
----------- - -------------- --
--
---------希望这篇文章能够帮助到你，如果你对本篇文章还有疑问或建议，欢迎在下面留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600551c981e8991b448cf2ba