vue的路由
2021/8/20 23:10:24
本文主要是介绍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的路由的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist