如何使用vue-cli3高效发布fullpage组件的详细步骤？

本文共计1454个文字，预计阅读时间需要6分钟。

前言：想必备受欢迎的fullpage.js——这是一款非常好用的翻页插件。如今vue非常流行，大家想不想发布一个组件给别人使用呢？这里我们基于vue-cli3快速搭建一个简单的fullpage组件给他人使用。

前言

想必大家都看过fullpage.js——这是一款非常好用的翻页插件。

现在vue非常流行，大家想不想发布一个组件给别人使用呢？

这里我们基于vue-cli3快速搭建一个简单的fullpage组件给别人使用，当然你也可以做你感兴趣的组件发布给别人用~

GITHUB

链接

开始

准备

$ npm i -g @vue/cli #全局vue-cli3

通过查看vue-cli3官网了解，创建一个新的普通项目。

思考

一开始要想别人如何调用我们写的组件，通过挂载vue实例方法（this.$alert）还是注册组件。答案自然是后者。我们希望别人可以这么使用~

#一个section块就是一个可以滚动的块 <v-fullpage> <div slot="section"></div> <div slot="section"></div> </v-fullpage>

设计组件接口，prop。