设置动态变量，可以使用此方法访问。从VueJS中的外部文件不起作用

// 父组件
<template>
  <div>
    <child-component :dynamicVariable="dynamicVariable"></child-component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dynamicVariable: '这是一个动态变量'
    }
  }
}
</script>

// 子组件
<template>
  <div>
    <p>{{ dynamicVariable }}</p>
  </div>
</template>

<script>
export default {
  props: ['dynamicVariable']
}
</script>

// 子组件
<template>
  <div>
    <button @click="emitDynamicVariable">传递动态变量</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dynamicVariable: '这是一个动态变量'
    }
  },
  methods: {
    emitDynamicVariable() {
      this.$emit('dynamic-variable', this.dynamicVariable);
    }
  }
}
</script>

// 父组件
<template>
  <div>
    <child-component @dynamic-variable="handleDynamicVariable"></child-component>
  </div>
</template>

<script>
export default {
  methods: {
    handleDynamicVariable(dynamicVariable) {
      console.log(dynamicVariable);
    }
  }
}
</script>