Vue-v-xxx NPM | npm.io

设计初衷

为 便捷 vue 开发 而生

基于 Vue，拓展的 v-xxx 库，

让开发更简单，Easy Code, Colorful Life，

开箱即用，你需要做的只是安装它，然后写吧。

安装

# install vue-v-xxx
 npm install vue-v-xxx --save
# or
 yarn add vue-v-xxx --save

您也可以通过 unpkg.com/vue-v-xxx 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/vue-v-xxx/lib/vue-v-xxx.css" />
<!-- 引入组件库 -->
<script src="https://unpkg.com/vue-v-xxx"></script>

使用

import Vue from 'vue'
import App from './App'
import Vxxx from 'vue-v-xxx'
import 'vue-v-xxx/lib/vue-v-xxx.css'
Vue.config.productionTip = false

Vue.use(Vxxx)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  components: { App },
  template: '<App/>'
})

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>vue-v-xxx</title>
    <link rel="stylesheet" href="https://unpkg.com/vue-v-xxx/lib/vue-v-xxx.css" />
  </head>
  <body>
    <div id="app">
      <h1 title="Welcome">欢迎使用 {{ value }}</h1>
      <button v-copy="value">Click me!</button>
    </div>
  </body>
  <!-- import Vue before vue-v-xxx -->
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
  <!-- import JavaScript -->
  <script src="https://unpkg.com/vue-v-xxx/lib/vue-v-xxx.umd.js"></script>
  <script>
    new Vue({
      el: '#app',
      data: {
        value: 'vue-v-xxx'
      }
    })
  </script>
</html>