H5W3
当前位置:H5W3 > 其他技术问题 > 正文

vuex 中的 store 和 $store 的区别

<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

回答:

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

本文地址:H5W3 » vuex 中的 store 和 $store 的区别

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址