随笔记: v-model

181 阅读1分钟

v-model 简单来说就是个简写,和之前学习过的 .sync 是一样的

  • 如果同时有 :value="x"@input="x = $event.target.value"的代码,如下图红框部分(我项目中 x 为 value) image.png

  • 那么就可以简写成v-model="x"如下图红框部分(我项目中 x 为 value)

image.png

  • 同时 Typescript 代码只需要x='';即可(我项目中 x 为 value)

image.png

总结

  • v-model 就是这样用,很简单对吧?