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

相关推荐
十一吖i9 分钟前
Vue3项目使用ElDrawer后select方法不生效
前端
只可远观10 分钟前
Flutter目录结构介绍、入口、Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件
前端·flutter
周胡杰12 分钟前
组件导航 (HMRouter)+flutter项目搭建-混合开发+分栏效果
前端·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
敲代码的小吉米26 分钟前
前端上传el-upload、原生input本地文件pdf格式(纯前端预览本地文件不走后端接口)
前端·javascript·pdf·状态模式
是千千千熠啊27 分钟前
vue使用Fabric和pdfjs完成合同签章及批注
前端·vue.js
da-peng-song43 分钟前
ArcGIS Desktop使用入门(二)常用工具条——数据框工具(旋转视图)
开发语言·javascript·arcgis
九月TTS1 小时前
TTS-Web-Vue系列:组件逻辑分离与模块化重构
前端·vue.js·重构
我是大头鸟2 小时前
SpringMVC 内容协商处理
前端
Humbunklung2 小时前
Visual Studio 2022 中添加“高级保存选项”及解决编码问题
前端·c++·webview·visual studio
墨水白云2 小时前
nestjs[一文学懂nestjs中对npm功能包的封装,ioredis封装示例]
前端·npm·node.js