在vue2中有一对父子组件，父组件中有一日期数据searchForm，现要求当searchForm发生变化，并点击按钮搜索后，才将searchForm传递到子组件中

你可以通过以下步骤实现：

1. 在父组件中定义一个用于存储日期数据的变量 `searchForm`，并将它传递给子组件：

<template>
  <div>
    <child-component :search-form="searchForm"></child-component>
    <button @click="search">搜索</button>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent,
  },
  data() {
    return {
      searchForm: null,
    };
  },
  methods: {
    search() {
      // 模拟数据变化
      this.searchForm = new Date();
    },
  },
};
</script>

2. 在子组件中，使用 `props` 接收父组件传递过来的 `searchForm` 数据：

<template>
  <div>
    <p>日期数据：{{ searchForm }}</p>
  </div>
</template>

<script>
export default {
  props: {
    searchForm: {
      type: Date,
      required: true,
    },
  },
};
</script>

这样，当父组件中的 `searchForm` 数据发生变化，并点击搜索按钮后，才会将最新的数据传递给子组件，从而实现了需求。