vue中通过父页面打开子页面

父页面

// 引入子页面
<CostfoModal ref="Costfomodal"></CostfoModal>
import CostfoModal from "./CostfoModal";
export default {
  components: {
    CostfoModal,
  },
  }
// 点击进入子页面（带参数）
    sectionOpen(record, type) {
      let tmp = Object.assign({}, tmp, record);
      this.$refs["Costfomodal"].open(tmp, type);
    },

子页面

//定义
export default {
  name: "Costfomodal"
 }
 //参数引用
methods: {
    open(record, type) {
	console.log(record,type);
}