Vue之路由组件

2020-02-26  本文已影响0人  Statham_Jessie

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'});

上一篇下一篇

猜你喜欢

热点阅读