vue2.0项目实现路由跳转的方法详解

　　

　　

<强> 1,安装路由vue-router:

　　

<代码> npm安装vue-router

　　

vue2.0项目实现路由跳转的方法详解“> <br/> 　　</p> 　　<p> vue项目的依赖文件node_modules存在vue-router依赖,说明安装成功</p> 　　<p> <img src=

　　

　　

<强> 1,路径配置(页面跳转):

　　

方法一:如果切换的页面不多,可以直接在main.js文件内配置。

　　

vue2.0项目实现路由跳转的方法详解“> <br/> 　　</p> 　　<p>方法二:如果切换的页面较多,可以建一个专门用于路由的js文件,里面配置路径。</p> 　　<p> 1) router.js配置文件</p> 　　<p> <img src=

　　

2)使用router-link标签实现跳转(它类似于一个标签,区别在于router-link跳转不需要刷新页面)

　　

vue2.0项目实现路由跳转的方法详解“> <br/> 　　</p> 　　<p>跳转至表组件:</p> 　　<p> <img src=vue2.0项目实现路由跳转的方法详解