在使用vue.js进行网站制作中，网站的路由配置一般通过vue.js安装router-view模块组件来实现，那么具体如何将router-view引入到项目中去？又是如何使用的呢？
网站制作中路由的概念及用法区别
网站的路由，也就是网站跳转链接，在传统的网站制作方案中，是通过a标签进行网址跳转的，而在vue项目开发中，则使用了路由，与a链接不同的是，路由跳转不进行页面的刷新操作，主要应用于网站制作中侧边栏，导航栏的制作。
路由模块的安装和使用步骤：
1.使用命令行工具进行路由模块的安装，安装命令如下：
npm install vue-router --save
2.在项目中配置网站的路由，先在main.js中引入路由模块，代码如下：
inport vueRouter from “vue-router”
3.通过vue.use在main.js中使用路由，命令如下：
Vue.use(vueRouter)
4.详细配置网站制作中使用到的路由，实例如下：
import Home from "./components/Home"
import Menu from "./components/Menu"
const routes=[ //声明routes作为一个路由数组
｛path:"/",component:Home｝,
{path:"/about",component:About｝,
｛path:"/contact",component:Contact｝,
]
5.将声明的routes放到router中去；实例如下：
const router=new vueRouter{
routes,
mode:'history'//这里是为了去除网站网址的“#”号
}
6.最后将router放在项目实例中使用，代码如下：
new Vue{
el:"#app",
router,
}
7.在app.vue页面使用router-view标签调用对应的跳转页面，代码如下：
<router-view></router-view>
8.配置网站导航的的跳转链接，代码如下：
<router-link to="home"></router-link>
<router-link to="about"></router-link>
通过以上八步，即可简单的完成一个网站制作中，使用router进行网站路由的配置。巩义全栈网络专业从事网站制作服务，包括巩义网站制作，郑州网站制作，欢迎大家随时咨询。
本文关键词：
router 未经允许不得转载：郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络
