cannot watch unicode properties like 'a.中文'

[ensleep]

Version

2.5.17

Reproduction link

https://jsfiddle.net/k72f3Lon/

Steps to reproduce

1.webpack project with vue .
2.add a component .
3.create instance of Vue .
4.add a property data:function(){return {a:{中文:"",b:""}}} to the instance.
5.add watch properties to the instance as watch:{'a.b':function(val){},'a.中文':function(val){}}
6.console show error that Watcher only accepts simple dot-delimited paths.

What is expected?

no error the code run continue

What is actually happening?

the code seems stopped to run

[posva]

Next time take the time to add the repro (which I added)

[Shyam-Chen]

[angelina999990]

https://jsfiddle.net/589yrg0s/

[lujiaxing]

Use chinese as a key is nonstandard. We strongly recommend that use latin characters english words as a key.

[yumao233]

But in some cases, we still need to use Chinese characters as keys. Such as username key-value pairs.

[g-plane]

Though using Chinese as key is strange, as a framework/library, it must consider all edge cases. It's not related to best practices.

[ensleep]

Although I also think that characters other than the underscore of English data should not be used as attributes, sometimes the interface provided by the third party, in order to reduce the complexity of docking, will directly give the JSON format data whose attributes are named in Chinese. At the time of binding, there was trouble.

[willvincent]

I believe this should have been referenced as being closed by #8666

[posva]

Indeed, this was added there and should be on 2.6
Thanks for notifying us!