前端技术社区总目录（订阅之前请先查看该博客）

1：效果预览

2：v-if与v-show区别

1、v-if会增删DOM元素。

2、v-show比v-if性能更高，因为v-show只能动态的改变样式（display），不需要增删DOM元素。

3、v-if切换时候回实时的销毁和重建内部的事件、钩子函数等，v-show只会初始化渲染时候执行，再切换时候不会执行生命后期的过程。

3：代码编写

（1）主页面

<template>
  <div