vue v-bind 不用获取父子组传值

在Vue中，可以通过v-bind指令来将父组件的数据绑定到子组件中。使用v-bind时，我们可以将任何父组件中的数据传递给子组件，并且在子组件中可以直接访问和使用这些数据，而无需进行额外的获取。

例如，在父组件中有一个名为message的数据，我们想将其传递给子组件，可以使用v-bind指令将其绑定到子组件的props属性上。在子组件中，我们可以定义一个名为message的props，然后直接使用该props即可获取父组件的传值。

父组件：
<template>
<div>
<child-component v-bind:message="message"></child-component>
</div>
</template>

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

export default {
components: {
ChildComponent
},
data() {
return {
message: "Hello Vue!"
};
}
};
</script>

子组件（ChildComponent）：
<template>
<div>
<p>{{ message }}</p>
</div>
</template>

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

在子组件中，我们可以直接使用{{ message }}来渲染父组件传递的message值，而无需进行额外的获取操作。

总之，Vue的v-bind指令可以方便地将父组件的数据传递给子组件，使得在子组件中可以直接使用这些数据，无需进行额外的获取。这样简化了组件之间的数据交互过程，提高了开发效率。