VUE路由(2018)

在当前的前端开发中,路由是一个很重要的概念,尤其是针对单页面app,因为通过路由可以实现不跳转加载刷新。比如angular应用,vue应用。

VUE路由语法:

1.首先,安装方法和angular路由类似,可以单独安装,也可以直接使用VUE-cli集成使用。

2.vue接收路由的渲染输出的标签是<router-view></router-view>,angular接收路由的渲染输出的标签是<router-outlet></router-outlet>。只不过angular路由要先``RouterModule.forRoot()开启监听;

3.vue路由链接的标签和属性是<router-link to="/foo">Go to Foo</router-link>,甚至可以使用<span class="col6" @click="$router.push('/reg')">马上注册</span>直接修改路由达到跳转目的

,angular可使用Profile Settings

相关推荐
时间的情敌15 分钟前
Vue3 和 Vue2 的核心区别
前端·javascript·vue.js
533_16 分钟前
[antv x6] 限制节点/边是否可以移动,移动时返回父节点,限制节点的移动范围
前端
步步为营DotNet19 分钟前
深入理解ASP.NET Core Middleware:构建高效Web应用的管道基石
前端·后端·asp.net
毕设十刻20 分钟前
基于Vue的旅游网站yzwa8(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
数据库·vue.js·旅游
Aevget20 分钟前
DevExtreme JS & ASP.NET Core v25.2新功能预览 - 提升AI扩展功能
javascript·人工智能·ui·asp.net·界面控件·devextreme
|晴 天|20 分钟前
微前端架构入门:从概念到落地实践
前端·架构
春卷同学21 分钟前
电子蛇对战 - Electron for 鸿蒙PC项目实战案例
javascript·electron·harmonyos
一字白首23 分钟前
Node.js+Vue 联动,Vue 快速上手:基础学习
vue.js·学习·node.js
1024小神27 分钟前
android studio最新版在toolbar工具栏显示back和forward按钮
javascript·html·android studio