浙大科创项目收获三（vue :is 的使用）

vue中is属性的使用

该属性主要应用于单页面多个组件进行不同状态下的展示：

比如下列场景。点击不同的导航对应显示显示不同的相关组件。写法如下所示:

1. 首先构造导航数组：

2. 点击的时候把value值带过去

handleClick(key, index) {
     this.mark = index;
     this.showComponent = key;
},

3. 引入组件

4. 最后在html部分写入

由此便可实现组件的动态切换