美文网首页
Vue之路由组件

Vue之路由组件

作者: Statham_Jessie | 来源:发表于2020-02-26 23:34 被阅读0次

Vue框架是目前非常流行的几个前段框架之一,得益于它的优良架构和开发体验,能够非常快速的搭建中大型项目应用。其中有几个组件非常好用,本文要说的就是路由组件。

通过Vue-Cli脚手架创建项目后,能够很清晰的看到路由初始化在router路径下的index.js中,在这里进行组件的路由化配置,从而实现了路由的注册。路由在注册时候可以指定path,name,component,所以可以通过name或者path做页面。路由需要在main.js中被Vue use。

路由的使用方法可以通过<router-link to="/path">方式去导航,也可以通过导航函数来实现。

路由的呈现是通过<router-view/>,导航后呈现的位置。

还可以通过代码的方式实现路由的导航,this.$router.push({path:'/path'});

相关文章

  • vue-cli的路由配置

    vue-cli的路由配置 vue-router路由管理路径引用组件:import 组件名 from 组件路径使用r...

  • router - 2018-06-25

    2018-06-25 创建 vue异步组件技术 vue-router配置路由,使用vue的[异步组件](组件 — ...

  • Vue路由配置

    Vue路由使根组件可以自由的挂载需要的子组件。 路由配置: 一、安装 npm install vue-router...

  • Vue Router简明教程

    官方路由插件,配合Vue使用,将组件 (components) 映射到路由 (routes),然后告诉 Vue R...

  • 与Vue.js的第九天

    今天学习了路由 路由 路由 路由vue-router是vue的核心组件根据不同的url访问不同页面配合单页面使用 ...

  • 使用vue-cli工具开发

    使用单文件组件开发todolist App.vue ListItem.vue 路由Router 路由是根据url的...

  • Vue路由的配置

    Vue 路由的配置 什么是路由 Vue 路由是可以通过组件的形式把所有的组件组装成为一个应用程序,当我们需要的时候...

  • element商品分类

    B.创建子级路由 创建categories子级路由组件并设置路由规则 C.添加组件基本布局 在Cate.vue组件...

  • vue-router 快速入门

    概述 vue-router是vue.js官方的路由插件,vue的单页应用是基于路由和组件的,路由用于设定访问路径,...

  • vue路由vue-router快速入手

    路由是vue进行“页面跳转”的实现方式,而vue-router是vue的一个路由组件。https://router...

网友评论

      本文标题:Vue之路由组件

      本文链接:https://www.haomeiwen.com/subject/tqcnchtx.html