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

相关推荐
谢尔登2 分钟前
Webpack 和 Vite 的区别
前端·webpack·node.js
谢尔登3 分钟前
【Webpack】Tree Shaking
前端·webpack·node.js
过期的H2O219 分钟前
【H2O2|全栈】关于CSS(4)CSS基础(四)
前端·css
纳尼亚awsl32 分钟前
无限滚动组件封装(vue+vant)
前端·javascript·vue.js
八了个戒38 分钟前
【TypeScript入坑】TypeScript 的复杂类型「Interface 接口、class类、Enum枚举、Generics泛型、类型断言」
开发语言·前端·javascript·面试·typescript
西瓜本瓜@40 分钟前
React + React Image支持图像的各种转换,如圆形、模糊等效果吗?
前端·react.js·前端框架
黄毛火烧雪下41 分钟前
React 的 useEffect 钩子,执行一些异步操作来加载基本信息
前端·chrome·react.js
蓝莓味柯基1 小时前
React——点击事件函数调用问题
前端·javascript·react.js
资深前端之路1 小时前
react jsx
前端·react.js·前端框架
cc蒲公英1 小时前
vue2中使用vue-office库预览pdf /docx/excel文件
前端·vue.js