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

fz-element-ui

v1.0.3

Published

Fzui二次封装 element-ui

Downloads

3

Readme

当前封装所使用的库版本

  • element-ui 版本为: 2.15.+
  • vue 版本为: 2.6.+

安装

1. 使用包管理器

# NPM
npm install xxx

# Yarn
yarn install xxx

# pnpm
pnpm install xxx

快速开始

1. 完整引入

fz-element-ui 将会在Vue应用中进行全局组件注册

// main.js
import Vue from 'vue'
import FzElementUi from '@fz-element-ui'
import '@fz-element-ui/dist/style.css'

Vue.use(FzElementUi)

2. 按需引入

  1. 需要在使用组件的地方手动对 fz组件 进行导入。

    <!-- App.vue -->
    <template>
      <fz-table>
        <el-table-column ... />
      </fz-table>
    </template>
       
    <script>
      import { FzTable } from '@fz-element-ui'
         
      export default {
        name: 'App',
        components: { FzTable }
      }
    </script>
  2. 在全局中进行 Fz组件 部分注册

    import Vue from 'vue';
    import { FzTable } from 'fz-element-ui';
    import App from './App.vue';
       
    Vue.component(FzTable.name, FzTable);
    /* 或写为
     * Vue.use(FzTable)
     */
       
    new Vue({
      el: '#app',
      render: h => h(App)
    });

注意事项 !

关于原生库

  • 组件库打包时会对第三方包如 element-uivue 进行 externals 处理,所以务必保证使用组件的项目中导入必须要的第三方库。