ionic4 与 v-model双向绑定失败的问题

一次刻骨铭心的错误
在做个移动端app时使用混合开发框架ionic，但是因为小组成员不熟悉Angular, React，所以我最后决定使用Vue，然而却在这个标签上出现了大问题：无论如何都获取不到中的值。期间一度怀疑人生，甚至专门建个ionic+angular的示例,使用[(ng-model)="xxx"]就是正常的。
阅读官方文档后发现

image.png

进行事件绑定便可实现目的

  {{ option }}

  {{ option }}

Google搜索v-model not working with ionic就会发现很多答案

image.png

image.png

image.png

image.png

image.png

image.png

/**
 Ionic Vue 0.0.8-next prerelease adds support for v-model to all Ionic inputs.
 
 To try it out, run
 
 npm install @ionic/vue@next
*/