vue【vue起点(使用vue-router实现简单页面跳转】)

  • 创建一个完整的webpack项目
  • 创建三个vue比如AboutHomeother三个
  • vue【vue起点(使用vue-router实现简单页面跳转】)
    文章图片
  • 定义路由router/index.js写如下内容vue【vue起点(使用vue-router实现简单页面跳转】)
    文章图片
在页面上显示标签App.vue 里写如下
vue【vue起点(使用vue-router实现简单页面跳转】)
文章图片

简单跳转功能就可以实现了vue【vue起点(使用vue-router实现简单页面跳转】)
文章图片
vue【vue起点(使用vue-router实现简单页面跳转】)
文章图片

前者是我没有加样式的页面后者是加了样式的页面不管随便点击那个 都可以实现跳转
刚学vue总认为路由很难 学习的时候 感觉很烦 然后现在搞懂了才发现 辣鸡简单还是学习心态重要的
【vue【vue起点(使用vue-router实现简单页面跳转】)】本人前端小白有一样的可以留问题 一起讨论

    推荐阅读