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

相关推荐
梦65029 分钟前
Vue 组件 vs React 组件深度对比
javascript·vue.js·react.js
2501_9462309843 分钟前
Cordova&OpenHarmony提醒管理系统实现
android·javascript
C_心欲无痕43 分钟前
vue3 - useId生成唯一标识符
前端·javascript·vue.js·vue3
KoalaShane44 分钟前
El-slider 增加鼠标滚动滑块事件
开发语言·前端·javascript
栀秋6661 小时前
Tailwind CSS:用“类名编程”重构你的前端开发体验
前端·css
C_心欲无痕1 小时前
vue3 - watchSyncEffect同步执行的响应式副作用
开发语言·前端·javascript·vue.js·vue3
用泥种荷花1 小时前
【前端学习AI】FewShotPromptTemplate
前端
小魔女千千鱼1 小时前
在 Vue 中,this 的行为在箭头函数和普通函数中是不同的
前端·javascript·vue.js
Rysxt_2 小时前
UniApp uni_modules 文件夹详细教程
开发语言·javascript·ecmascript
霍理迪2 小时前
CSS盒模型布局规则
前端·javascript·css