vue-cli2脚手架:router实现页面跳转

接下来,我们要实现在首页,可以通过链接进入a,b两个“页面”,与此同时,在还可以返回首页。

创建A.vue和B.vue两个页面:
在这里插入图片描述
修改index.js页面:
在这里插入图片描述
修改A.vue和B.vue:
在这里插入图片描述

<template>
    <div>
        <p>我是B...</p>
        <p><router-link to="/">返回</router-link></p>
    </div>
</template>

浏览器测试:
在这里插入图片描述
在这里插入图片描述
到这里就完成了简单的页面跳转。

原创文章 22 获赞 4 访问量 770

猜你喜欢

转载自blog.csdn.net/weixin_42224055/article/details/105784177
今日推荐