vue实现跨页面调用方法和嵌套页面

1.想要实现当前页面调用另一个页面的方法，首先需要将一个页面封装成一个模板,路径为被调用方法页面的所在路径，在<script></script>里

import varsetting from "@/components/test/varsetting";

  export default {

      components: {varsetting}

  }

2.在<template></template>里，使用定义的varsetting

<varsetting :varDefineList="varDefineList" ref="setting"></varsetting>

3.使用$refs调用该页面的方法，前提是该varsetting页面里有init()方法

this.$refs.setting.init();