vue 项目中使用 iview

最新推荐文章于 2025-10-08 04:58:55 发布

原创最新推荐文章于 2025-10-08 04:58:55 发布 · 1.1k 阅读

3 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

28 篇文章

订阅专栏

博客介绍了iView的安装及在main.js中的配置。先安装iView，然后将其引入main.js，再使用Vue.use(iView)完成配置，这些操作属于前端开发范畴。

1、安装 iview

npm install iview --save

2、在 main.js 中进行配置

将 iview 引入mian.js ，再 Vue.use(iView)

import Vue from 'vue';
import VueRouter from 'vue-router';
import App from 'components/app.vue';
import Routers from './router.js';

//引入iview
import iView from 'iview';
import 'iview/dist/styles/iview.css';  //iview 样式

Vue.use(VueRouter);
Vue.use(iView);   //使用iview

// vue 路由配置
const RouterConfig = {
    routes: Routers
};
const router = new VueRouter(RouterConfig);

new Vue({
    el: '#app',
    router: router,
    render: h => h(App)
});