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