Vue-router

vue-router的使用

1. import Vue from “vue”
2. import VueRouter from “vue-router”
3. import Home from “./components/Home.vue”
4. import Login from “./components/Login.vue”
5. vue.config.productionTip = false
6. Vue.use(VueRouter)
7. const router = new VueRouter({
   mode: “history”, //设置路由模式，hash模式中url含#符号，history不含
   linkActiveClass: “active”, //为激活态router-link添加active样式类名
   routes: [
   {path: “*”, redirect: “/”},
   {path: “/”, component: Home},
   {path: “/login”, component: Login}
   ]
   })
8. new Vue({
   router,
   render: h => h (App)
   }).$mount("#app")

页面中使用
<router-link to="/">Home</router-link>
<router-link to="/login">Login<router-link>
<router-view></router-view>