vue使用router-link实现简单的静态页面跳转

1、创建好项目之后,就会默认生成一个HelloWorld.vue的文件。
vue使用router-link实现简单的静态页面跳转_第1张图片


2、使用此将原来的替换掉。
编写to=“”执行的vue文件。就拿“/views/layout_buju”来说。
在views文件夹下,新建一个vue,名字叫layout_buju
vue使用router-link实现简单的静态页面跳转_第2张图片
就会生成一个layout_buju文件
vue使用router-link实现简单的静态页面跳转_第3张图片
将替换成如下代码


3、打开router——>index.js

vue使用router-link实现简单的静态页面跳转_第4张图片
4、访问路径
vue使用router-link实现简单的静态页面跳转_第5张图片
5、最终成功的页面
vue使用router-link实现简单的静态页面跳转_第6张图片
6、剩下的home,login,日期时间选择器,,,可以参照一下文章,进行练习。
https://blog.csdn.net/z9061/article/details/80755371

你可能感兴趣的:(原创)