npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

api-render-vue

v0.0.1-alpha.25

Published

An API data parsing tool.

Downloads

25

Readme

api-render-vue

License Latest npm release NPM downloads

一个 api 数据渲染组件,通过定义 api 项及各项配置,可实现自动异步获取 api 数据,然后通过值匹配名称渲染到页面,实现前端字典的统一管理,且不仅仅是字典

优点

  1. 组件化,使用简单,通过 vue 组件传入 apiKey 及 value 即可自动异步获取数据且渲染
  2. 统一模版,通过配置统一模版可实现在页面中自动渲染指定组件,支持数据的双向绑定,实现组件统一配置,统一管理
  3. 数据缓存,每次使用数据优先使用缓存数据(相当于状态数据,不会保存到浏览器本地,如果浏览器刷新,则会重新获取),可配置缓存有效期,超期重新获取,或者手动刷新缓存
  4. 统一配置,可自定义各项配置及 api 项,便于维护

安装

npm 安装

npm i api-render-vue -S

yarn 安装

yarn add api-render-vue -S

pnpm 安装

pnpm i api-render-vue -S

属性及API

属性文档API文档