Javascript

vue的路由

本文主要是介绍vue的路由,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

####下载 vue: * 脚手架创建项目  vue/cli  npm i @vue/cli vue -g   然后vue create 文件名

下载 vue官网: https://cn.vuejs.org/v2/guide/installation.html

####路由概念:随着浏览器地址栏发生改变,展示给用户不同的页面。

####适用的场景:多页面的切换 

####路由模式:hash模式,history模式

* router-link  导航区  使浏览器地址栏发生变化
* router-view  视图区  用来展示用户页面

#### 路由跳转
* 标签方式跳转  router-link
* js方式跳转    this.$router.push()
* 返回上一页 this.$router.go(-1)

####配置路由  router/index.js

 然后在一级路由页面配置路由

 主页面 App页面

 

 配置路由页面

这篇关于vue的路由的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!