vuex 中的 store 和 $store 的区别

Question

<router-link to="/login">{{ $store.state.userName }}</router-link>

<router-link to="/login">{{ store.state.userName }}</router-link>

<router-link to="/login">{{ this.store.state.userName }}</router-link>

<router-link to="/login">{{ this.$store.state.userName }}</router-link>

一直搞不清楚 vuex 中 store 和 $store 的区别，也不知道什么时候前面应该加this,求大神告知。
—— thanks in advance

Answer 1

$store&nbsp;是挂载在 Vue 实例上的（即Vue.prototype），而组件也其实是一个Vue实例，在组件中可使用&nbsp;this&nbsp;访问原型上的属性，template 拥有组件实例的上下文，可直接通过&nbsp;{{ $store.state.userName }}&nbsp;访问，等价于 script 中的&nbsp;this.$store.state.userName。至于&nbsp;{{ store.state.userName }}，script 中的&nbsp;data&nbsp;需声明过&nbsp;store&nbsp;才可访问。