Vue使用iview組件庫

步驟一、使用npm下載ivew組件庫

npm install --save iview

步驟二、在main.js中配置iview

//導(dǎo)入iView組件庫 import iView from 'iview' //導(dǎo)入iView樣式 import 'iview/dist/styles/iview.css'//使用iView組件庫 Vue.use(iView)

步驟三、使用iview組件
在官網(wǎng)隨便找一個(gè)來看看效果。這里以官網(wǎng)的按鈕為例：

我們直接抄他代碼就完事了，比如，在我們的App.vue里面我們打算加一個(gè)藍(lán)色的按鈕和紅色的按鈕，那么就是：

<template><div id="app"><Button type="info">藍(lán)色的按鈕</Button><br><Button type="error">紅色的按鈕</Button></div> </template><script>export default {name: 'App',components: {} } </script><style></style>

效果如下：

其他的組件也是這么扣，然后我們?cè)俳o他寫個(gè)樣式啥的，這不就搞定了嘛。

總結(jié)

以上是生活随笔為你收集整理的Vue使用iview组件库的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。