How v-model works?

[ruojianll]

How v-model works to change a field of an object? Does template compiler generate extra code?

[Justineo]

https://template-explorer.vuejs.org/#eyJzcmMiOiI8Q29tcG9uZW50IHYtbW9kZWw9XCJmb28uYmFyXCIvPlxuIiwic3NyIjpmYWxzZSwib3B0aW9ucyI6eyJtb2RlIjoiZnVuY3Rpb24iLCJwcmVmaXhJZGVudGlmaWVycyI6dHJ1ZX19

const { resolveComponent: _resolveComponent, openBlock: _openBlock, createBlock: _createBlock } = Vue

return function render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_Component = _resolveComponent("Component")

  return (_openBlock(), _createBlock(_component_Component, {
    modelValue: _ctx.foo.bar,
    "onUpdate:modelValue": $event => ((_ctx.foo.bar) = $event)
  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"]))
}