如何开发一个自定义的vue2插件

Question

现在就是想开发一个小插件来练练手，比如说要弄一个城市三级联动选择插件（cityPicker）。

要如何去编写 props 和 data 才能让该插件像那些插件库一样使用 v-model 绑定选择好的数据：

<city-picker v-model="city"></city-picker>

因为我发现，如果直接组件中修改 v-model 绑定的数据的话，vue2.0 会报错：

[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.

想请教一下大神们，如何才能实现组件中能直接给 v-model 绑定的变量赋值？如果要写成：

<city-picker v-model="city" @on-change="cityChange"></city-picker>

这种形式的话，就对用户不太友好了。