子传父的简单方法

2019-10-17  本文已影响0人  前端陈陈陈

<template>
  <div>
    <Address @getSonMsg="data=>msg=data"></Address>
    <p>{{msg}}</p>
  </div>
</template>
<script>
import Address from "./Address";
export default {
  data() {
    return {
      showMsg: true,
      msg: "hello world"
    };
  },


  components: {
    Address
  },


  methods: {}
};
</script>


<style>
</style>

<template>
  <div>
    <button @click="$emit('getSonMsg','哈哈哈哈哈哈')">子=>父</button>
  </div>
</template>


<script>
export default {};
</script>


<style>
</style>
上一篇 下一篇

猜你喜欢

热点阅读