Vue——抽离组件

建一个settingZwh.vue文件（子组件）

编写HTML代码 

<template>
    <div>
      <img :src="picture" width="2%"/>
      <span>{
  {showButton}}</span>
      <van-switch size="24px" class="switchSwitch" v-if!="showButton"/>
    </div>
</template>

编写JS代码 

<script>
export default {
  //props： 接收父组件传来的值
  props: {         
    'picture':{default:require('../../public/settings/时间.png')},
    // default：默认值，如果父组件没有传值，则使用默认值
    'Title': { default: "跳转" },
    'showButton':{default:true},

  }
</script>

建一个zwh.vue文件（父组件）

编写HTML代码 

<template>
  <div>
    <settingzwh v-for=