DAY10---Vue取值的优先级顺序（PDCMW）

在 Vue.js 中,当出现同一个变量名时,它们的优先级顺序是:

1. Props
2. Data
3. Computed
4. Methods
5. Watch

这个优先级顺序意味着,如果在组件中出现了同名的变量,Vue.js 会按照上述优先级顺序来决定使用哪个变量的值。

具体来说:

1. Props: 如果一个变量名同时出现在 props 和其他选项中,那么 props 中的变量会被优先使用。
2. Data: 如果一个变量名同时出现在 data 和其他选项中,那么 data 中的变量会被优先使用。
3. Computed: 如果一个变量名同时出现在 computed 和 methods/watch 中,那么 computed 中的变量会被优先使用。
4. Methods: 如果一个变量名同时出现在 methods 和 watch 中,那么 methods 中的变量会被优先使用。
5. Watch: 如果一个变量名只出现在 watch 中,那么它的值会被使用。

这个优先级顺序主要是为了确保数据的一致性和可预测性。比如,如果一个变量同时出现在 props 和 data 中,那么我们希望使用 props 中的值,因为这是从父组件传递过来的数据,应该具有更高的优先级。