1、translateOutput组件要引用更组件的数据,那怎么样实现两个组件间的数据传递呢
translateOutput组件设置 props:["translatedText"] 父组件通过 属性props向下传递数据给子组件
<template>
<div id="translateOutput">
<h2>{{translatedText}}</h2>
</div>
</template>
<script>
export default {
name: 'translateOutput',
props:["translatedText"]
}
</script>
<style>
</style>
根组件中使用 v-text="translatedText"绑定属性
<translateForm v-text="translatedText"></translateForm>