Vue-router路由

  接下来的,都是我本身的理解,每一个人理解都是不一样的,仅供参考,如有问题之处但愿留言之处,有助于个人自我提高,在下先在这里感谢了。学习

  本人喜欢在学习新东西的时候,先了解其中须要用到的单词的意思,比较这是一个方便、快捷的年代,为了方便使用,人家是不会随便的使用单词的,确定是为了更好的使用才用这个单词的。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>)

相关文章
相关标签/搜索