前端技术社区总目录（订阅之前请先查看该博客）
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>
<div1、v-if会增删DOM元素。
2、v-show比v-if性能更高，因为v-show只能动态的改变样式（display），不需要增删DOM元素。
3、v-if切换时候回实时的销毁和重建内部的事件、钩子函数等，v-show只会初始化渲染时候执行，再切换时候不会执行生命后期的过程。
（1）主页面
<template>
<div