different behavior between this['key'] and $data['key'] for v-model?

[cj1205]

Version

2.5.16

Reproduction link

https://stackoverflow.com/questions/50008446/what-are-the-differences-between-thiskey-and-datakey-for-v-model

Steps to reproduce

type in something in third input whose v-model="this['test 1']", then you will find this['test 1'] will not be updated.

What is expected?

the behavior should be same as the second input whose v-model="$data['test 1']", when users type in something, the data property='test 1' will be updated.

What is actually happening?

the data property='test 1' will not be updated

[posva]

You cannot use this in templates, it doesn't refer to the vue instance.

[cj1205]

@posva If so, but why <h2>Name:<span>{{this['test 1']}}</span></h2> get correct initial value?

[posva]

not sure, but don't use this in templates to access data

[yyx990803]

this will change in the compiled template depending on the function scope you are in.