<!--  -->
<template>
  <div class=""><a-input v-model="tempVal" placeholder="测试" /></div>
</template>

<script>
export default {
  name: "test",
  components: {},
  props: {
    value: { type: String },
    // handA: {
    //   type: String,
    //   required: true,
    //   default: '100'
    // }
  },
  data() {
    // 这里存放数据
    return {
      tempVal: "",
    };
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {
    value: {
      handler(val) {
        this.tempVal = val
      },
      deep: true,
      immediate: true,
    },
    tempVal: {
      handler(val) {
        this.$emit('change.value',val )
        this.$emit('change', val);
        this.$emit('input', val);
      },
      deep: true,
      immediate: true,
    },
  },
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  // 方法集合
  methods: {},
};
</script>
<style lang="less" scoped></style>
