vue2.0 props 初始化

在Vue 2.0中，我们可以通过props来向子组件传递数据。props可以用于初始化子组件的数据。

在父组件中，我们可以使用v-bind指令来将父组件的数据传递给子组件的props。比如，如果我们有一个名为message的数据需要传递给子组件，我们可以这样写：

<template>
  <div>
    <child-component v-bind:prop-name="message"></child-component>
  </div>
</template>

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

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

在子组件中，我们可以通过props选项来声明props和初始化值。比如，如果我们希望子组件接收名为propName的props并初始化为一个空字符串，我们可以这样写：

<template>
  <div>
    <p>{{ propName }}</p>
  </div>
</template>

<script>
export default {
  props: {
    propName: {
      type: String,
      default: ''
    }
  }
}
</script>

这样，当父组件的message发生改变时，子组件的propName也会更新为父组件的message的值。

需要注意的是，props是单向数据流，只能由父组件向子组件传递数据，子组件不能直接修改props的值。如果子组件需要修改props的值，可以通过在子组件中使用事件，将修改后的值传递给父组件，然后由父组件再将新的值传递给子组件的props。

总结起来，Vue 2.0中，我们可以通过props来初始化子组件的数据，父组件可以使用v-bind指令将数据传递给子组件的props，子组件可以通过props选项声明props并初始化值。