iView

A high quality UI Toolkit built on Vue.js.

This branch is for Vue.js 2.x

HERE is for Vue.js 1.x

Docs

English (2.0)

中文文档 (2.0)

中文文档 (1.0)

Overview

Component Overview

Features

Dozens of useful and beautiful components.
Friendly API. It's made for people with all skill levels.
Extensive documentation.
It is quite beautiful.
Support Vue.js 2 and Vue.js 1.

Programming

Install

Install webpack project in the first place

We recommend you install project through iView Cli Or iview-project.

You can also use vue-cli.

Install iView

using npm

npm install iview --save

Or using script tag for global use

<script type="text/javascript" src="iview.min.js"></script>

Usage

<template>
    <Slider v-model="value" range></Slider>
</template>
<script>
    export default {
        data () {
            return {
                value: [20, 50]
            }
        }
    }
</script>

Use css

import 'iview/dist/styles/iview.css';

Compatibility

Support Vue.js 2.x
Support Vue.js 1.x Visit 1.0 doc
Support SSR
Support Nuxt.js
Electron
iView does not support IE8 or below since Vue.js is using Object.defineProperty which do not be supported by these browsers to track changes.