Vue 路由配置及安装

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_41847321/article/details/90726753

安装路由：

1.在cmd中 cd 到对应的vue项目，输入"npm install vue-router --save-dev"

2.安装完成以后，输入“npm 重启项目”

引入路由：

1.在main.js文件中引入路由  import VueRouter form 'vue-router'

2.使用路由：Vue.use(VueRouter)

路由配置：

var router = new VueRouter({
    routes:[
            {path:"/" ,component:Home} ,
            {path:"/hello" ,component:helloworld} ,//引入相应的组件
    ],
    mode:"history"
}) 

引用路由 ：

new Vue({
    router,
    el: '#app',
    components: { App },
    template: '<App/>'
})

组件展示：<router-link to=""></router-link>,<router-view></router-view>

<div id="app">
    <li><router-link to = "/">home</router-link></li> 
    <li><router-link to = "/helloworld">helloworld</router-link></li>
    <router-view></router-view>
</div>