介绍
vue-md 是一个 Vue 2.0 和 Material Design 相结合的开发库，使用它可以快速构建美观、高效、跨平台的应用程序，非常适合开发人员快速迭代和实验。
它提供了一系列的组件如按钮、卡片、进度条、滑块、对话框等等，并且完美融合 Material Design 的设计语言，让开发人员可以轻松地构建一致的用户界面。
安装
你可以在你的 Vue 应用程序中通过 npm 或 yarn 安装 vue-md：
npm install vue-md --save
或者
yarn add vue-md
使用
vue-md 的使用非常简单，只需要在 main.js 文件中引入包并注册到 Vue 中即可。
import Vue from 'vue'; import VueMd from 'vue-md'; Vue.use(VueMd);
之后，你就可以在你的 Vue 组件中使用 vue-md 的组件了。
<template> <md-button>Click me!</md-button> </template>
组件
下面让我们来看一下 vue-md 中提供的一些常用组件及其使用方法。
md-button
md-button 组件是一个 Material Design 样式的按钮组件，可以设置不同的颜色和尺寸，以及是否禁用和是否为平面按钮。
-- -------------------- ---- -------
----------
-----
------------------ ------------------
---------- ----------------------- ------------------
---------- --------------------- ------------------
---------- ----------------- ------------------
---------- ------------------------- ------------------
---------- --------- ------------------
---------- ------------- ------------------
---------- ------------------- ------------------
------
-----------md-card
md-card 组件是一个 Material Design 样式的卡片组件，可以设置不同的标题、内容和图像。
-- -------------------- ---- -------
----------
-----
---------
----------------
---- --------------------- -- --- ---- -----------
-----------------
-----------------
------- -- --- ---- ------------
------------------
---------------
---- --------------------------------- --------- -------
----------------
-----------------
----------------- -------------
----------------- -------------
------------------
----------
------
-----------md-progress
md-progress 组件是一个 Material Design 样式的进度条组件，可以设置不同的颜色和尺寸。
-- -------------------- ---- -------
----------
-----
---------------------------
------------ --------------------------
------------ ----------- -----------------------------
------------ ------------ ---------------------------
------------ ----------- ---------- ------------------------------
------
-----------md-slider
md-slider 组件是一个 Material Design 样式的滑块组件，可以设置不同的颜色和尺寸。
-- -------------------- ---- -------
----------
-----
-----------------------
---------- ------------------------
---------- ----------- ---------------------------
---------- ------------ -------------------------
---------- ----------- ---------- ----------------------------
------
-----------md-dialog
md-dialog 组件是一个 Material Design 样式的对话框组件，可以设置不同的标题、内容和按钮。
-- -------------------- ---- -------
----------
-----
---------- ------------------ -------------------
------------------
---- --------------------- -- --- ------ -----------
-------------------
-------------------
------- -- --- ------ ------------
--------------------
-------------------
---------- ---------------------------------------------
---------- ---------------------------------
--------------------
------------
------
-----------
--------
------ ------- -
------ -
------ -
----------- ------
--
--
-------- -
------------ -
--------------- - -----
--
------------- -
--------------- - ------
--
--
--
---------参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ac781e8991b448d8608