vue中router-link,vue router view

　　摘要：本文主要介绍了Vue router-view和router-link的实现原理，并通过实例代码进行了详细介绍，对大家的学习或工作有一定的参考价值。有需要的朋友下面和边肖一起学习。

　　使用

　　div id=应用程序

　　Router-link to=home 主页/router-link

　　路由器链接到= about about/路由器链接

　　路由器视图a=路由器视图/

　　/div

　　路由器视图组件

　　导出默认值{

　　//功能组件没有这个，不能新，没有双向数据绑定。平时用的比较少，所以比较适合显示详情页。因为细节页面只显示没有修改的，功能组件比状态组件轻。

　　功能性：真的，

　　render(h，{parent，data}){

　　由父组件表示的父组件应用

　　它是数据的行间属性(上面的代码a=1)，也可以通过prop传递。

　　让route=parent。$ route

　　设深度=0；

　　data.routerView=true

　　while(parent){

　　//$vnode指的是虚拟dom，如果应用程序上有虚拟dom，并且此虚拟dom上的routerView为true

　　如果(父母。$vnode父节点。$vnode.data.routerView){

　　深度；

　　}

　　父母=父母。$ parent

　　}

　　let record=route . matched[depth]；

　　如果(！记录){

　　返回h()；

　　}

　　返回h(record.component，data)；

　　}

　　}

　　路由器链路的实现

　　导出默认值{

　　道具：{

　　收件人：{

　　类型：字符串，

　　必填：真

　　},

　　标签:{

　　类型：字符串

　　}

　　},

　　渲染(h){

　　let tag=this.tag a

　　让handler=()={

　　这个。$ router . push(this . to)；

　　}

　　返回标记onClick={handler}{this。$slots.default}/tag

　　}

　　}

　　关于Vue router-view和router-link的实现原理，本文到此为止。有关Vue router-view和router-link的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。