Vue是目前最为流行的前端框架之一，它可以让开发者快速地创建交互式的单页应用程序。而Vue框架的核心代码虽然不是很庞大，但扩展能力却非常强大。Vue官方维护的npm包veur，便是Vue扩展能力的一个很好的体现。本文将会详细介绍npm包veur的使用方法。
什么是npm包veur
veur是Vue.js的扩展能力库, 它为你提供了易于使用的API, 以及许多Vue.js的拓展, 如：v-control, v-if-else等。通过使用npm包veur, 开发者可以快速的搭建出一个具备良好交互效果的网站。
veur官网：https://veurjs.github.io
安装npm包veur
安装npm包veur很简单，你只需要使用npm或yarn命令即可：
# 使用npm命令安装 npm install veur # 使用yarn命令安装 yarn add veur
安装后，你可以将包引入到你所使用的Vue工程中：
import Vue from 'vue'; import Veur from 'veur'; Vue.use(Veur);
在Vue中使用veur
Veur的常用组件，都会被Vue加载到全局的构造器中。这就意味着，你可以直接在Vue组件中使用这些组件。
例如，下面介绍两个常见的veur组件：v-control和v-if-else：
v-control
v-control是veur中的一个自定义表单组件。通过使用v-control组件，你可以快速地创建出一个表单，并在表单提交时获取表单中的数据。
下面是一个使用v-control组件的例子：
-- -------------------- ---- -------
----------
-----
---------- -------------- -------------------------
---------- --------------- --------------------------
---------- --------------- --------------------------
------- ---------------------------------
------
-----------
--------
------ ------- -
------ -
------ -
----- ---
------ ---
------ --
-
--
-------- -
-------- -
----- ---- - -
----- ----------
------ -----------
------ ----------
--
-- ------
-
-
-
---------v-if-else
v-if-else是veur中的一个自定义逻辑组件。通过使用v-if-else组件，你可以在Vue中实现if-else的条件渲染。
下面是一个使用v-if-else组件的例子：
-- -------------------- ---- -------
----------
-----
---- ------------------------
------ ----- -------
------
---- -------
------ -------- -------
------
------- --------------------------------- --------------
------
-----------
--------
------ ------- -
------ -
------ -
------------ -----
------ ----- -- --- -------
--------- ----- -- --- --- ------
-
--
-------- -
----------------- -
---------------- - ------------------
-
-
-
---------以上两个是veur的常用组件，当然还有很多其他的组件，建议直接阅读官方文档。
veur开发人员贡献
目前npm包veur仍然是一个开源项目，开发者可以贡献自己开发的组件或者修改已有组件。具体贡献流程和规范可以参见veur官网的“Contribute”页面。
结语
npm包veur是Vue.js的一个不错的扩展库，通过它，可以帮助开发者快速的搭建出一个具备良好交互效果的网站。本篇文章介绍了npm包veur的安装方法和在Vue中的使用方法，以及veur开发人员可以如何做出自己的贡献。希望能够帮助到开发者。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557fe81e8991b448d51c8