Vue使用iview组件库
步骤一、使用npm下载ivew组件库步骤二、在main.js中配置iview步骤三、使用iview组件在官网随便找一个来看看效果。这里以官网的按钮为例:我们直接抄他代码就完事了,比如,在我们的App.vue里面我们打算加一个蓝色的按钮和红色的按钮,那么就是:效果如下:其他的组件也是这么扣,然后我们再给他写个样式啥的,这不就搞定了嘛。...
·
Vue使用iview组件库
步骤一、使用npm下载ivew组件库
npm install --save iview
步骤二、在main.js中配置iview
//导入iView组件库
import iView from 'iview'
//导入iView样式
import 'iview/dist/styles/iview.css'
//使用iView组件库
Vue.use(iView)
步骤三、使用iview组件
在官网随便找一个来看看效果。这里以官网的按钮为例:
我们直接抄他代码就完事了,比如,在我们的App.vue里面我们打算加一个蓝色的按钮和红色的按钮,那么就是:
<template>
<div id="app">
<Button type="info">蓝色的按钮</Button>
<br>
<Button type="error">红色的按钮</Button>
</div>
</template>
<script>
export default {
name: 'App',
components: {
}
}
</script>
<style>
</style>
效果如下:
其他的组件也是这么扣,然后我们再给他写个样式啥的,这不就搞定了嘛。
更多推荐
已为社区贡献2条内容
所有评论(0)