将值传递给组件

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends React.Component {
  render() {
    const value = 'Hello, World!';
    return <ChildComponent message={value} />;
  }
}

// 子组件
import React from 'react';

class ChildComponent extends React.Component {
  render() {
    return <div>{this.props.message}</div>;
  }
}

<!-- 父组件 -->
<template>
  <div>
    <child-component :message="value"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      value: 'Hello, World!'
    };
  }
}
</script>

<!-- 子组件 -->
<template>
  <div>{{ message }}</div>
</template>

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