实例对象代理访问数据 data,优先级描述有误 about vue-design HOT 3 CLOSED

恩。你说的对

from vue-design.

即如果一个 key 在 props 中有定义了那么就不能在 data 和 methods 中出现了；如果一个 key 在 data 中出现了那么就不能在 methods 中出现了。这段是不是也得该一下

from vue-design.

官方的解释，只是利用报错提示，来提倡大家遵循以这种优先级来使用。实际使用过程中情况要分类讨论：
1）props > data
先执行 initProps，再执行 initData 。而在 initData 中，会判断是否在 props 中存在相同的 key，如果有则不代理到实例上（proxy(vm, _data, key)）。

2）data > methods
先执行了 initMethods，再执行 initData。而在 initData 只是做了 warn 警告处理，实际上还是会执行 proxy(vm, _data, key)。

3）methods > props
先执行了 initProps，再执行 initMethods。同样也只是 warn 警告，不影响之后的代码运行。最终还是会调用 vm[key] = methods[key] == null ? noop : bind(methods[key], vm)；

4）methods > props,data
在三者都存在的情况下，会访问到 methods。initProps， initMethods， initData 先后执行。
前两步同第三种情况。再执行 initData，其中会因为 props 中已经定义相同的 key 而不会进行代理。所以最终会访问到 methods 中定义的 key。

from vue-design.