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

  •    创建一个完整的webpack项目
  • 创建三个vue    比如  About   Home  other  三个
  •   vue【vue起点:使用vue-router实现简单页面跳转】_第1张图片
  • 定义路由   router/index.js  写如下内容  vue【vue起点:使用vue-router实现简单页面跳转】_第2张图片

  在页面上显示标签  App.vue 里写如下

vue【vue起点:使用vue-router实现简单页面跳转】_第3张图片

简单跳转功能就可以实现了    vue【vue起点:使用vue-router实现简单页面跳转】_第4张图片vue【vue起点:使用vue-router实现简单页面跳转】_第5张图片

前者是我没有加样式的页面  后者是加了样式的页面  不管随便点击那个 都可以实现跳转

刚学vue  总认为路由很难 学习的时候 感觉很烦 然后现在搞懂了  才发现 辣鸡简单  还是学习心态重要的 

本人前端小白  有一样的  可以留问题 一起讨论

你可能感兴趣的:(学习)