[JavaScript知识库]vue3 新增特性--emits

<script>
import { setup, toRefs } from "vue";

export default {
  name: "demo",
  components: {},
  props: {
    title: {
      type: String,
      default: "default_title",
      required: true,
    },
  },

  emits: {
    changeTitle: function (val) {
      // 如果类型不对，不会报错，只会警告
      if (typeof val !== "string") {
        return false;
      }

      return true;
    },
  },

  setup(props, { emit }) {
    const changeTitleChildren = () => {
      emit("changeTitle", "true");
    };
    return {
      changeTitleChildren,
    };
  },
};
</script>