Code Monkey home page Code Monkey logo

vue95-ui's Introduction

Vue95 UI

灵感

Vue95-UI 是一套为 Vue 应用使用的 Windows 95 风格的 UI 组件库。❤

灵感来自于 Github 上的 arturbien/React95 项目。

npm 安装

npm install vue95-ui

npm install less less-loader -D

需要安装 lessless-loader

快速上手

将介绍如何使用 Vue95。

引入 Vue95

你可以引入整个 Vue95,或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Vue95。

完整引入

在 main.js 中写入以下内容:

import Vue from 'vue';
import vue95 from 'vue95-ui';
import App from './App.vue';

Vue.use(vue95);

new Vue({
  el: '#app',
  render: h => h(App)
});

以上代码便完成了 Vue95 的引入。

按需引入

如果你只希望引入部分组件,比如 Button ,那么需要在 main.js 中写入以下内容:

import Vue from 'vue';
import { Button95 } from 'vue95-ui';
import App from './App.vue';

Vue.use(Button95);

new Vue({
  el: '#app',
  render: h => h(App)
});

完整组件列表和引入方式

import Vue from 'vue';
import {
  Button95,
  Anchor95,
} from 'vue95-ui';

Vue.use(Anchor95);
Vue.use(Button95);

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.