Brutalist 是一个用于快速构建基于 Vue.js 的风格简洁的暴力美学网站的 npm 包。它能够让你快速构建一个现代化的网站，并为你的网站提供了很多提升用户体验的功能。
安装和使用
通过 npm 安装 brutalist：
npm install --save brutalist
在你的 Vue.js 项目中引入 brutalist，可以像下面这样：
import Vue from 'vue' import Brutalist from 'brutalist' Vue.use(Brutalist)
或者，你可以只选择引入部分组件，比如你只需要按钮组件：
import Vue from 'vue'
import { Button } from 'brutalist'
Vue.use(Button)组件
Brutalist 提供了很多常用的组件，比如按钮、卡片、表单等等。下面是一些组件的简单使用示例。
按钮
-- -------------------- ---- -------
----------
------- ---------- -------------------- ---------------
-----------
-------
---- -
---------- -----
------------ -----
-------- ------ -----
------- -----
-------------- --------
------- --------
----------- --- -----
-
------------ -
----------------- --------
------ -----
-
------------------ -
----------------- --------
-
--------卡片
-- -------------------- ---- -------
----------
---- -------------
---- ------------------------------------- -------------------- ----------
---- ------------------
--- ----------------------- ----------
-- ---------------------- ----- ------- ---- -- ----- -- --- ---- ----- --- ---- -- --- ---- -- --- ------ ------------
-- -------- ---------- --------------- -------------
------
------
-----------
-------
----- -
------ ------
----------- - ------ ---- ------- -- -- ------
-------------- -----
----------- --- -----
-
----------- -
----------- - ---- ---- ------- -- -- ------
-
------------- -
------ -----
------- ------
----------- ------
-
---------- -
-------- --------
-
----------- -
-------------- --------
---------- --------
------------ ----
-
---------- -
-------------- -----
---------- -----
------------ ----
-
------------ -
---------- -----
------------ -----
-------- ------ -----
------- -----
-------------- --------
------- --------
----------- --- -----
----------------- --------
------ -----
-
------------------ -
----------------- --------
-
--------表单
-- -------------------- ---- -------
----------
------
---- -------------------
------ ------------------------------------ ---------------
------ ------------ -------------------- ----------------------------- -------------------------------
------
---- -------------------
------ --------------------------------------- --------------
------- -------------------- -------------------------------
------------------
------------------
------------------
------------------
------------------
---------
------
---- -------------------
------ --------------------------------------- -------- --------------
------- -------- -------------------- -------------------------------
------------------
------------------
------------------
------------------
------------------
---------
------
---- -------------------
------ ----------------------------------------- ----------------
--------- -------------------- -------------------------------- --------------------
------
---- -------------------
------- ------------- ---------- ----------------------------
------
-------
-----------
-------
----------- -
-------------- -----
-
------------- -
---------- -----
------------ ----
-------- ------ -----
------- --- ----- --------
-------------- --------
----------- --- -----
-
------------------- -
------------- --------
----------- - - - -------- ------- ---- ---- ------
-
--------总结
本文介绍了如何使用 brutalist 快速构建一个基于 Vue.js 的现代化的网站，并提供了一些组件的简单使用示例。通过使用 brutalist，我们可以快速实现一个风格简洁的暴力美学网站，并且在用户体验方面也有所提升。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8bccdc64669dde5292