### 1.v-for，v-if，事件绑定 ~~~ <template> <div class="home"> <div v-for="(item,index) of arr" :key="index">{{item}}--{{index}}</div> <div v-if="isShow">show</div> <button @click="handleClick">切换</button> </div> </template> <script> export default { name: "home", data() { return { arr: [1, 2, 3], isShow: true }; }, methods: { handleClick() { this.isShow = !this.isShow; } } }; </script> ~~~