如何在组件和状态 - VUEJS 中维护相似的变量名？

Question

我将在状态和组件中使用类似的变量，如下所示，

商店.js

{
export default new Vuex.Store({
state: {
title: 'Component Block'
}
})
}

ComponentA.vue

export default {
data() {
return {
title: ''
}
},
computed: {
...mapState(['title'])
}
}

有没有办法在不更改导致相似名称的变量名称的情况下区分状态变量或组件变量？

谢谢

Answer 1

目前在 Vue 中，您不能跨数据/方法/计算属性使用共享名称。

如果您坚持使用数据属性调用title，则可以键入mapState：

...mapState({
titleFromStore: 'title'
})

但值得考虑的是，为什么我们不能使用相同的名称。这会给你的代码增加一层混乱。当提到this.title时，你会指的是哪一个？此限制的存在是有充分理由的，我建议重命名数据属性。