vue2的props传值

在Vue2中，可以使用props来传递值给子组件。以下是传递props值的步骤：

1. 在父组件中定义props属性：在父组件的data选项中，声明一个对象，对象的属性名即为传递给子组件的prop名称，属性值为初始值。

2. 将props传递给子组件：在父组件中使用子组件时，将props作为一个属性传递给子组件。可以使用v-bind指令来将父组件的值动态绑定到子组件的props上。

3. 在子组件中接收props：在子组件中，可以通过props选项来接收父组件传递过来的props值。

下面是一个示例代码：

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

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

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

// 子组件 ChildComponent.vue
<template>
<div>
{{ propName }}
</div>
</template>

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

在上面的代码中，父组件通过v-bind指令将parentValue动态绑定到子组件的propName上。子组件通过props选项接收propName作为属性，并在模板中显示propName的值。

这样，父组件的parentValue就成功传递给了子组件，并在子组件中显示出来。