美文网首页
2019-04-25vue-cli项目中配置单页面路由

2019-04-25vue-cli项目中配置单页面路由

作者: Kason晨 | 来源:发表于2019-04-25 14:00 被阅读0次

首先用vue-cli初始化项目。这里不再说了,直接说主要的。

要构建单页面应用,首先要配置前端路由。

1,安装路由

npm install vue-router --save

2,在main.js中导入路由插件,并且实例化

3,写两个子组件 a 和 b .

4,配置路由,给a,b组件配置路由。

image.png

5,配置首页,然后把项目跑起来。


成功了

相关文章

  • 2019-04-25vue-cli项目中配置单页面路由

    首先用vue-cli初始化项目。这里不再说了,直接说主要的。 要构建单页面应用,首先要配置前端路由。 1,安装路由...

  • React路由配置

    目前前端项目都是SPA项目,而单页应用就少不了路由配置,因为单页应用的页面不会刷新页面,而是根据路由的切换来更换页...

  • 记录一次修复bug的过程

    记录一次修复bug的过程,11.15 背景:页面为单页面多路由,每个路由配置不同的title,因ios客户端获取t...

  • vue-cli脚手架中的路由(vue-router)03(子路由

    对于单页面的vue应用,子路由的配置可能是必不可少的,其实vue的子路由配置很简单。这篇文章是基于上一片文章(路由...

  • angular路由传递参数

    路由配置 跳转前页面 跳转后页面

  • 2018-09-24 路由

    路由 单页面的自我转换

  • (五)angular路由配置——基本路由

    它是用来实现SPA单页面应用的主要方法 1.最简单的路由配置其中,HomeComponent和ProuductCo...

  • 前端路由的实现

    一、前端路由介绍 前端路由主要应用在SPA(单页面开发)项目中。在无刷新的情况下,根据不同的URL来显示不同的组件...

  • Router 原理及 React-Router

    页面路由(浏览器路由) 页面会刷新 hash路由 页面不会刷新,之前做单页应用,使用的传统方法。 h5 路由 h5...

  • 与Vue.js的第九天

    今天学习了路由 路由 路由 路由vue-router是vue的核心组件根据不同的url访问不同页面配合单页面使用 ...

网友评论

      本文标题:2019-04-25vue-cli项目中配置单页面路由

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