vue_路由

// 0安装并导入router
import Vue from 'vue'
import VueRouter from 'vue-router'

// track number of popstate listeners
// let numPopstateListeners = 0;
// const listenerCountDiv = document.createElement('div');
// listenerCountDiv.id = 'popstate-count';
// listenerCountDiv.textContent = numPopstateListeners + ' popstate listeners'
// document.body.appendChild(listenerCountDiv);
//
// const originalAddEventListener = window.addEventListener;
// const originalRemoveEventListener = window.removeEventListener;
// window.addEventListener = function (name, handler) {
//   if (name === 'popstate') {
//     listenerCountDiv.textContent =
//       ++numPopstateListeners + ' popstate listeners'
//   }
//   return originalAddEventListener.apply(this, arguments)
// };
// window.removeEventListener = function (name, handler) {
//   if (name === 'popstate') {
//     listenerCountDiv.textContent =
//       --numPopstateListeners + ' popstate listeners'
//   }
//   return originalRemoveEventListener.apply(this, arguments)
// };

// 1. Use plugin.
// This installs <router-view> and <router-link>,
// and injects $router and $route to all router-enabled child components
Vue.use(VueRouter);

// 2. 导入组件
import App01 from "../components/App01";
import Greeting from "../components/Greeting";
import HelloWorld from "../components/HelloWorld";
import Login from "../components/Login";
import ProjectList from "../components/ProjectList";
import ProjectNew from "../components/ProjectNew";
import Login_new from "../components/Login_new";


// 3. Create the router
const router = new VueRouter({
  mode: 'history',
  routes: [
    { path: '/', component: HelloWorld, name: 'home'},
    { path: '/app01/:id', component: App01, name: 'app01' },
    { path: '/greeting', component: Greeting, name: 'greeting' },
    { path: '/login', component: Login, name: 'login' },
    {
      path: '/login2', component: Login_new, name: 'login2' ,
      children: [
            { path: '', component: ProjectList },

          // 不加 “/”  ==》  【path: 'projectNew',】会拼接如：login/projectNew
            { path: '/projectNew', component: ProjectNew },
          ]
    },
    { path: '/projectList', component: ProjectList, name: 'projectList' },

      //http://localhost:8080/projectNew/1100
    { path: '/projectNew/:id', component: ProjectNew, name: 'projectNew' },
  ]
});


// 4. 导出路由
export default router;