在vue.js项目中使用vue-router，可以使用路由进行界面或路径跳转。可以在项目创建一个组件，然后将组件引入到父组件中，利用超链接添加路径跳转。下面利用实例说明如何实现，操作如下：
工具/原料
1
vue.js
2
vue-cli
3
vue-router
4
npm
5
截图工具
方法/步骤
1
第一步，双击打开Visual Studio Code编辑工具，将vue.js项目导入进去，如下图所示：
2
第二步，在指定文件夹components下，新建文件Tree.vue，使用默认的模板，如下图所示：
3
第三步，接着在main.js中，引入Tree.vue组件，components中添加Tree，如下图所示：
4
第四步，在Tree.vue文件中，添加界面元素，并插入一个动态变量，然后在export default声明该变量，如下图所示：
5
第五步，在main.js文件中，引入Tree组件，然后定义一个路由组件，如下图所示：
6
第六步，最后在App.vue父组件中，添加一个router-link跳转，然后运行项目并预览项目，如下图所示：
注意事项
1
注意vue.js中的vue-router组件的用法
2
注意父组件引用子组件，并获取对应的值