使用vue2.0，props双向改变数据。

Question

使用了element ui。看文档可以用$on与$emit模拟双向绑定。但是似乎失败了。。两天了没解决，心好累。。组件代码2.父级代码最后在父级点击组件依旧是[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever  the parent component re-renders. Instead, use a data or computed property based on the prop's value.   Prop being mutated: "provinceValue"

Answer 1

组件代码：
应该这样写

methods: {
    testChange(val){        this.$emit('testchange',val);        // 或者
        // this.$emit('test-change',val);
    }
}

父组件：

<vue-address :provinceValue=provinceValue
             :cityValue=cityValue
              @testchange="testChange2">
              // @test-change="testChange2"></vue-address>

原因：vue中$emit的写法并不支持驼峰，只能是全部小写，或者在分隔的地方用-