Vue-router路由
chat-to-me 人气: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>)
加载全部内容