文章标题

内小子

于 2017-03-24 10:37:35 发布

阅读量180

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/nabaonan/article/details/65627866

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

vue2+vue-router2+iview2实战

初始化vue配置

vue-cli初始化

安装vue-router

npm install vue-router

安装ivew

npm install ivew --save

如果有异步加载模块需要安装style-loader

npm install style-loader -D

配置web-config.js

  {
    test: /iview.src.*?js$/,
      loader: 'babel'
  },
  {
      test: /\.css$/,
        loader: 'style-loader!css-loader'
  },
  {
    test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
      loader: 'file-loader'
  },

使用iview和vue-router

import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router';
import routeConfig from './router.js'; // 路由列表
import iView from 'iview';
import 'iview/dist/styles/iview.css'; // 使用 CSS
Vue.use(VueRouter);
Vue.use(iView);


const router = new VueRouter(routeConfig);

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