vue.js的UI元件庫,在git上有多個項目,我見的使用者比較多的是iView和Element.兩個元件庫,元件都很豐富。本文主要為大家介紹了利用vue+elementUI實作部分引入元件的相關資料,以及介紹了vue引入elementUI報錯的解決方法,文中透過範例程式碼介紹的非常詳細,需要的朋友可以參考借鑒,下面隨著小編來一起學習學習吧。
官網的介紹
iView: 一套基於Vue.js 的高品質UI 元件庫
npm install -g vue-cli
npm install webpack projectName
cd projectName
npm install
npm install element-ui --save -dev
npm install xxx --save -dev
{ "presets": [["env", { "modules": false, "targets": {"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]} }], "stage-2"], "plugins": [ "transform-runtime", ["component",[ { "libraryName":"element-ui", "styleLibraryName":"theme-default" //1.4的老项目用这个,2.0的用theme-chalk,假设没效果看看官网又把默认的主题改 成那个了 跟着改一下应该就可以了 } ]] ], "comments":false, "env": { "test": { "presets": ["env", "stage-2"], "plugins": ["istanbul"] } } }
{ test: /\.css$/, loader: 'style-loader' },
import { Button,Input } from 'element-ui' Vue.use(Button) Vue.use(Input)
以上是利用vue+elementUI部分引入元件的實作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!