iview安装使用

iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。

安装

cd 项目
cnpm install iview -S

在项目中引入iview 在入口文件main.js中配置

import iView from 'iview'
import 'iview/dist/styles/iview.css'
Vue.use(iView)

官网示例

<template>
    <div class="MyIviewDemo">
        <h1>{{ message }}</h1>
        <Slider :value.sync="value" range></Slider>
    </div>
</template>

<script>
export default {
    name: 'MyIviewDemo',
    data () {
        return {
            message:"MyIviewDemo",
            value: [20, 50],
        }
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>