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>