美文网首页web前端
vue-router跳转两种不同的方式

vue-router跳转两种不同的方式

作者: 南蓝NL | 来源:发表于2017-11-08 21:53 被阅读26次

    第一种是使用vue-cli搭建出来的,可以简单概括为几个步骤,安装vue-router(cnpm install vue-router --save)>在main.js(入口文件)引入>在入口文件注册并且实例化>在入口文件定义路由>创建和挂载根组件

    先看看效果

    咋一看像个tab页的切换,tab页只能处理页面内的tab页的切换。使用路由来切换的话,就是SPA

    第二种方法比较简单,就是传统引入vue.js和vue-router.js

    相关文章

      网友评论

        本文标题:vue-router跳转两种不同的方式

        本文链接:https://www.haomeiwen.com/subject/hambpxtx.html