vue路由不显示路由页面

千万不能同时导入两个路由！！！如下：

// import router from './router'

//1.导入路由
import VueRouter from 'vue-router'

 下面是使用vue中路由的步骤：

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
// import router from './router'

//1.导入路由
import VueRouter from 'vue-router'

//2.引入两个页面
import First from "./view/First";
import Second from "./view/Second";

//3.使用路由
Vue.use(VueRouter)

//4.创建路由对象
// 配置路由
const router = new VueRouter({
  // 是一个数组，数组的的每一个对象就是一个组件的路由配置
  routes:[
    {path: '/first', component: First},
    {path: '/second', component: Second}
  ]
})

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  router,
  render: h => h(App),
}).$mount('#app')