为了避开即使用vue,又使用jquery的尴尬,找了uiv这个基于vue和bootstrap写的组件UI。
https://uiv.wxsm.space/getting-started/
首先把遇到的坑说下:
uiv用的是bootstrap3,然而使用cnpm install bootstrap –save下载下来的是bootstrap4版本,所以显示出来的ui是乱的。
如果已经安装了boot4,使用命令cnpm install –save bootstrap#3.3.7切换成boot3版本,所有的uiv组件UI就能使用了。
1、首先是简历vue-cli
npm install vue-cli -g
vue init webpack my-project
cd myproject;
npm install;
npm run dev;
2、安装uiv依赖
npm install uiv --save
npm install bootstrap --save
3、修改main.js
import 'bootstrap/dist/css/bootstrap.min.css'
import Vue from 'vue'
import * as uiv from 'uiv'
import App from './App'
import router from './router'
Vue.config.productionTip = false
/* eslint-disable no