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>