将上一篇文章的项目首页更改为自定义的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实现子路由