Vue-cli2项目示例一

将上一篇文章的项目首页更改为自定义的hello world

首先看一下,components目录下的HelloWorld.vue组件和router目录下的index.js文件


也可以在components目录下,创建一个first.vue文件,如下图


然后,在router文件中,第一步用import引入刚才创建的first.vue文件,第二步控制路由的取向


总结:

1.创建组件first.vue

2.router目录下,index.js,引入vue文件和控制路由的取向


实现通过链接进入a和b两个页面

在components目录下,创建A和B的vue组件,定义链接标签,router-link

凡是涉及跳转,都需要到路由index.js里定义

    1.引入A,B组件

    2.填写路由,也就是注册一个路径

代码见vue-cli/test1项目

下一篇将记录router实现子路由

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容