npm 包 @dfeidao/fd-m000017 使用教程

阅读时长 4 分钟读完

简介

@dfeidao/fd-m000017 是一个基于 Vue.js 的前端组件库,包含了常用的 UI 组件和工具函数,可以快速方便的构建前端应用。

安装

在项目的根目录中使用 npm 安装 @dfeidao/fd-m000017

使用

引入组件

在需要使用组件的页面中,引入所需要的组件:

使用组件

在页面的 template 中使用组件:

引入样式

在项目的入口文件中,引入 @dfeidao/fd-m000017 样式:

按需引入

可以使用 babel-plugin-component 插件来按需引入组件,减少打包大小。

首先安装插件:

然后在 babel 配置文件 .babelrc 中添加:

-- -------------------- ---- -------
-
  ---------- -
    -
      ------------
      -
        -------------- ----------------------
        ------------------- --------
      -
    -
  -
-

然后就可以按需引入组件了:

使用工具函数

可以直接使用工具函数:

示例代码

以下是一个使用 @dfeidao/fd-m000017 的完整示例代码:

-- -------------------- ---- -------
----------
  -----
    ------ -------------------- --
    ------- ----------------------------------
    ----- ------- ------
  ------
-----------

--------
------ - ------- ----- - ---- ----------------------
------ - ---------- - ---- ----------------------

------ ------- -
  ----------- -
    -------
    ------
  --
  ------ -
    ------ -
      ----------- ---
      -------- ---
    --
  --
  -------- -
    ------------- -
      ----- ----------- - --- -------
      ----- ---------- - ----------------------- ----------- -----------
      ------------ - -----------------------------------------------
    --
  --
--
---------

-------
-- ------ --
------- --------------------------------------------

-- ----- --
- -
  ------ ----
-
--------

总结

@dfeidao/fd-m000017 是一个非常方便实用的前端组件库,使用简单,效果好,建议在项目中广泛使用。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60067355890c4f7277583ab0

纠错
反馈