Vue:父子组件传值props、sync、v-model

在vue中父子组件中传值

示例中：

1. 父组件Father向子组件Son传值（num：100）

2. 子组件Son点击修改按钮，需要修改接收父组件的传值，vue是单向数据流不允许直接修改接收的值。因此通知父组件Father去修改num值。 props单向数据流

1. 父子组件props传值：

父组件：

<template>
  <div>
    父组件：{
  { num }}
    <Son
      :value="num"
      @change="changeNum"
    />
    <!--
        通过动态绑定value值，进行传值num
        监听子组件的change方法，
    -->
  </div>
</template>

<script>
import Son from './Son'
export default {
  components: {
    Son
  },
  data () {
    return {
      money: 100,