完成Vue Router 安装后,就可以使用路由了,路由的基本使用步骤,首先定义路由组件,以便使用Vue Router控制路由组件展示与 切换,接着定义路由链接和路由视图,以便告知路由组件渲染到哪个位置,然后再项目中创建路由模块,最后导入并挂载路由模块。
接下来通过实际操作方式演示Vue Router使用方法。
1.定义路由组件
在src \components 目录下创建2个组件,分别为Home
组件和About组件,用于演示组件切换效果,文件名为Home.vue和About.vue
Home.vue文件代码如下:
Home组件