子需要注意的是：

1、需要在父传过来值的

标签中，添加点击事件

   
son组件
    <h2 @click="dian">{{ msg2 }}h2>

2、在methods中执行点击事件，并在子组件中使用this.$emit修改值，然后传给父组件

  methods: {
    dian() {
      this.$emit("update:msg2", "子改父");
    },
  },

3、子组件完整代码

 
<script>
// 引入组件
import compZ from "./components/compZ.vue";
// 默认导出
export default {
  name: "App",
  components: {
    compZ,
  },
  data() {
    return {
      msg: "我来自父组件",
    };
  },
  mounted() {
    this.$refs.compd.tank();
    console.log(this.$refs.h2);
  },
};
script>
 
<style>
style>

父需要注意的是：

1、在自定义组件中写@changefn：”changefn“

 "msg" @changefn="changefn">

2、在methods中，执行函数changefn，并传参s，使this.msg=s

  methods:{
    changefn(s){
      this.msg = s
    }
  }

3、父组件完整代码

 
<script>
// 引入组件
import compZ from "./components/compZ.vue";
// 默认导出
export default {
  name: "App",
  components: {
    compZ,
  },
  data() {
    return {
      msg: "我来自父组件",
    };
  },
  methods:{
    changefn(s){
      this.msg = s
    }
  }
  // mounted() {
  //   this.$refs.compd.tank();
  //   console.log(this.$refs.h2);
  // },
};
script>
 
<style>
style>