vue-通过事件向父级组件发送消息

通过事件向父级组件发送消息：意思是子组件通过事件向父组件提出命令，被引用的组件是子组件。

子组件

<template>
  <div>
     <button v-on:click="$emit('enlarge-text',0.1)">
       子组件
      </button>
  </div>
</template>

父组件

<template>
    <div :style="{ fontSize: postFontSize + 'em' }">
      <div>父组件{{postFontSize}}</div> 
      <TypeItem  v-on:enlarge-text="postFontSize += $event"/>
    </div>
</template>
<script>
import TypeItem from "@/components/component/TypeItem";
export default {
  data() {
    return {
         postFontSize:1
    };
  },
</script>