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>

效果如下：

其他的組件也是這么扣，然后我們再給他寫個樣式啥的，這不就搞定了嘛。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。