如何在vue项目中使用vue-router路由实现跳转

第一步，双击打开Visual Studio Code编辑工具，将vue.js项目导入进去，如下图所示：

第二步，在指定文件夹components下，新建文件Tree.vue，使用默认的模板，如下图所示：

第三步，接着在main.js中，引入Tree.vue组件，components中添加Tree，如下图所示：

第四步，在Tree.vue文件中，<template></template>添加界面元素，并插入一个动态变量，然后在export default声明该变量，如下图所示：

第五步，在main.js文件中，引入Tree组件，然后定义一个路由组件，如下图所示：

第六步，最后在App.vue父组件中，添加一个router-link跳转，然后运行项目并预览项目，如下图所示：