路由是vue中经常需要使用的,因此必须要介绍一下它的使用方法。需要说的是,我这里使用的路由是基于vue-cli中的
首先,在components文件夹中新建home.vue和test.vue在其中分别随意写上一句话
home.vue
test.vue
接下来,定义了这两个组件之后,就开始配置路由啦
进入router文件夹中的index.js,将两个组件导入进来
同时,配置两个页面的路径(component是将其注册为组件)
最后在app.vue中写入
保存之后返回到浏览器中效果如下:
使用路由的好处就是能够在页面不跳转的情况下单独的访问某个组件中的内容。