github的vue组件库_一个基于Vue的github feed活动组件

github的vue组件库

vue-github-活动 (vue-github-activity)

Simple VueJS component that creates a feed panel with your recent GitHub activity. It displays the user's name, username, photo, and a list of each individual activity type.

简单的VueJS组件可使用您最近的GitHub活动创建供稿面板。 它显示用户的名称，用户名，照片以及每种活动类型的列表。

Inspired by caseyscarborough/github-activity repository.

受到caseyscarborough / github-activity存储库的启发。

安装 (Installation)

npm install --save vue-github-activity

npm install --save vue-github-activity

依存关系 (Dependencies)

Insert an octicons.css file in your html file to load the icons.

在html文件中插入一个octicons.css文件以加载图标。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/3.5.0/octicons.min.css">

Also axios http client and moment are required as dependencies of your host project use npm install --save axios moment to include them

还需要axios http客户端和moment作为主机项目的依赖项，请使用npm install --save axios moment以包括它们

用法 (Usage)

The most common use case is to register all the components globally.

最常见的用例是全局注册所有组件。

import Vue from 'vue'
import VueGithubActivity from 'vue-github-activity'

Vue.use(VueGithubActivity)

On your template you can now use html like this to render the activity feed:

现在，您可以在模板上使用html这样的代码来呈现活动供稿：

<github-feed login="lexmartinez"></github-feed>

翻译自: https://vuejsexamples.com/a-vue-based-github-feed-activity-component/

github的vue组件库