子组件内单流向改变为双流向改变父组件内的数据

以前用element分页的时候，有个sync一直没去想为啥要用这个

<el-pagination
          @current-change="handleCurrentChange"
          :current-page.sync="pageNumber"
          :page-size="pageSize"
          layout="prev, pager, next, jumper"
          :total="total"
        ></el-pagination>

随后查明资料得知，父组件向子组件传递参数，而子组件更新这个数据。那么根据Vue单流向而言是不能改变这个数据的。那么如果去达到对父组件进行响应呢。这个时候sync就有了作用

watch: {
    pageNumber:function(val){
      console.log(val)
    }
}

可以看到父组件内打印出该数据了

咻咻~~~