vue.js 2.0中props问题

Question

父组件传递一个prop给子组件，在子组件里无法改变prop中的值

父组件中

 v-bind:moving="{ l: leftMove }"

子组件中

v-bind:style="{ left: moving.l + 'px' }"

props: {
    moving: {
        type: Object,
        default: { l: 0, r: 0 }
   },
},
methods: {
    change(next) {
        this.moving.l = next
    }

moving.l一直是默认值，在1.0中是可行的

Answer 1

2.0取消了双向绑定

Answer 2

vue不能直接改变props，因为需要保证单向数据流，可以将props要改变的值赋给data或者computed，再去改变

Answer 3

props: {
    moving: {
        type: Object,
        default: ()=>{
           return{ l: 0, r: 0}
         }
   },
}

推介这么写