入门

全局

最快捷、最简便的 Vuent 入门方式，即添加 <script> 引用至 vuent.umd.js 文件，它会将 Vuent 注册为 Vue 的全局插件。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />

  <title>Vuent Demo</title>

  <link href="https://unpkg.com/vuent/dist/vuent.css" type="text/css" rel="stylesheet" media="screen" />

  <script src="https://unpkg.com/vue@2.5.13/dist/vue.js" defer></script>
  <script src="https://unpkg.com/vuent/dist/vuent.umd.js" defer></script>
  <script src="main.js" defer></script>
</head>
<body>
  <div id="app">
    <p>{{ message }}</p>

    <vnt-input v-model="message" label="Text field"></vnt-input>
  </div>
</body>
</html>

// main.js
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vuent!'
  }
});

npm / Yarn

前往项目的目录并运行终端

npm install vuent --save # OR yarn add vuent

一旦在项目中安装了 Vuent，就可以在 JavaScript 代码中使用它，方式如下

import Vue from 'vue';
import Vuent from 'vuent';

Vue.use(Vuent);

Vue CLI 3

如果在项目中使用的是 Vue CLI 3，只须在终端中运行

vue add vuent

Vuent 会添加到项目的 package.json 文件的 dependencies 中，并通过 Vuent 的导入进行安装和扩展入口点文件。这时，只要指示 Vue 使用 Vuent 即可

Vue.use(Vuent);

# 入门

# 全局

# npm / Yarn

# Vue CLI 3

入门

全局

npm / Yarn

Vue CLI 3