Vue中router-view和router-link是如何基于响应式原理和组件生命周期实现页面跳转的？

本文共计296个文字，预计阅读时间需要2分钟。

使用div id=app 包含router-link到首页和关于页面，以及router-view组件。组件导出如下：

首页 关于

使用

<div id="app"> <router-link to='home'>首页</router-link> <router-link to='about'>关于</router-link> <router-view a=1><router-view/> </div>

router-view组件

export default { //函数式组件没有this 不能new 没有双向数据绑定，通常用的比较少，比较适用于展示详情页因为详情页只展示不进行修改等操作，函数式组件比有状态的组件更加轻量级。