码迷,mamicode.com
首页 > 其他好文 > 详细

Vue简单项目(页面跳转,参数传递)

时间:2017-07-26 10:47:34      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:outer   logs   detail   tail   route   src   成功   项目启动   参数传递   

1.和上篇文章一样的建文件的步骤

2.建立成功之后,在src文件夹下面添加新的文件夹pages

3.在pages里面添加新的文件Home.Vue和Detail.Vue

4.设Home.Vue为项目启动的初始页,在routes下的index.js里面添加以下代码,这时即可设为Home为初始页(App.Vue不可删除)

技术分享

5.在Home.Vue中实现跳转的代码

<router-link to="/Detail">跳转到详情页</router-link>

6.启动项目,即可实现页面跳转

7.完成

Vue简单项目(页面跳转,参数传递)

标签:outer   logs   detail   tail   route   src   成功   项目启动   参数传递   

原文地址:http://www.cnblogs.com/myyBlog/p/7238052.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!