- 创建子组件
<template>
<div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Watch, Prop, Emit } from "vue-property-decorator";
@Component({})
export default class Child extends Vue {
private flag = false;
public cutFlag(){
this.flag = true;
}
}
</script>
- 父组件引入子组件
<Child ref="child"></Child>
<script lang="ts">
import { Component, Vue, Watch, Prop, Emit } from "vue-property-decorator";
import Child from "./child.vue";
@Component({
components:{
Child
}
})
export default class Parent extends Vue {
public mounted() {
(this.$refs["child"] as Child).cutFlag();
}
}
</script>
!!!注意子组件暴露的方法用public方式创建