接下来的,都是我本身的理解,每一个人理解都是不一样的,仅供参考,如有问题之处但愿留言之处,有助于个人自我提高,在下先在这里感谢了。学习
本人喜欢在学习新东西的时候,先了解其中须要用到的单词的意思,比较这是一个方便、快捷的年代,为了方便使用,人家是不会随便的使用单词的,确定是为了更好的使用才用这个单词的。spa
了解下这里面的一些单词,由于我的英文水平问题!插件
router:路由,view:看,视野,视线。。link:链接,通讯手段。。component
首先:router
什么是Vue-router,是Vue生态系统中的核心插件,依赖Vue存在。对象
做用:根据客户端用户的操做来决定使用什么组件(component)来渲染页面。路由
从结构(我)的角度看:router是用来承载组件集合(components)的,根据path来控制组件渲染。class
与组件(component)的关系:渲染
router -->>>>components(在中间的操做我以为最为重要)-->>>>compnentroute
其次:
完成一个简单路由的使用。
第一步:首先下载或者引入Vue-router.js(这区官网下载最新的)
第二步:在js中建立路由对象实例router,而且定义它的路由规则(var router = new VueRouter)
第三步:把定义好的路由实例插入Vue实例中(router:router)
第四步:在Vue实例中,使用路由实例视图框(<router-view> </router-view>)
第五步:定义路由跳转(<router-link to = "path"> 这中间是这个这个路由跳转的名字</ router-link>)