首页 > 其他 > 详细

Vue-router路由

时间:2019-11-13 21:58:27      阅读:100      评论:0      收藏:0      [点我收藏+]

  接下来的,都是我自己的理解,每个人理解都是不同的,仅供参考,若有问题之处希望留言之处,有助于我的自我提升,在下先在这里感谢了。

  本人喜欢在学习新东西的时候,先了解其中需要用到的单词的意思,比较这是一个方便、快捷的年代,为了方便使用,人家是不会随便的使用单词的,肯定是为了更好的使用才用这个单词的。

     了解下这里面的一些单词,因为个人英文水平问题!

  router:路由,view:看,视野,视线。。link:连接,通信手段。。

首先:

  什么是Vue-router,是Vue生态系统中的核心插件,依赖Vue存在。

  作用:根据客户端用户的操作来决定使用什么组件(component)来渲染页面。

  从结构(我)的角度看:router是用来承载组件集合(components)的,根据path来控制组件渲染。

  与组件(component)的关系:

    router -->>>>components(在中间的操作我觉得最为重要)-->>>>compnent

其次:

  完成一个简单路由的使用。

  第一步:首先下载或者引入Vue-router.js(这区官网下载最新的)

  第二步:在js中创建路由对象实例router,并且定义它的路由规则(var router = new VueRouter)

  第三步:把定义好的路由实例插入Vue实例中(router:router)

  第四步:在Vue实例中,使用路由实例视图框<router-view> </router-view>

  第五步:定义路由跳转<router-link to = "path"> 这中间是这个这个路由跳转的名字</ router-link>)

Vue-router路由

原文:https://www.cnblogs.com/chat-to-me/p/11853475.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!