谈谈vue,简单说一下vue
本文主要介绍这个的用法。Vue中的$store.state.xx.xx，有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。
目录
vue这个。$store.state.xx.xx获取商店中的数据。我的项目文件结构Vue项目什么时候用store.state，$store.state和this。$store.sstore和[this。]$storethis。$store和$ store？
Vue this.$store.state.xx.xx
这个。$store.state.xx.xx实际上是Vue使用状态管理工具Vuex。
Vuex官网：https://vuex.vuejs.org/zh/
感觉就是把组件的共享状态提取出来，作为一个全局的单体模式来管理。在这种模式下，我们的组件树形成了一个巨大的“视图”，无论在树的哪个位置，任何组件都可以获得状态或者触发行为！(可以随时在项目的任何地方获取并动态修改。修改后，vue会更新你的整个项目)
获取store中的数据
在vue根文件中注册存储，这样所有组件都可以使用存储中的数据。
我的项目文件结构
在main.js文件中注册存储
然后代码说
登录后，前端有一个缓存的userId，然后通过userId就可以找到。
此座位用于公共页面。
总结：main.js是工会老大。你把奖励给boss，boss的一些道具会给你使用，你可以通过这个来使用。
vue项目都在什么时候用store.state、$store.state和this.$store.s
store 和 [this.]$store
简单地说，如果你下注到根组件中的存储，你可以使用这个。$store.xxxx直接在所有。vue文件。
Vue官网：为了访问这个。$store.property，您需要为Vue实例提供创建的存储。Vuex提供了一种机制，以store option的方式将存储从根组件“注入”到所有子组件中。
//main.js
从导入存储。/商店
新Vue({
埃尔： #app ，
Store，//根组件被注入到存储中
})
//index.vue
getData() {
返回{
userId:这个。$store.state.user.userId，
.
}
}
如果要使用js文件中的store，必须先从 @/store 导入store，然后使用store.xxx，因为这个。无法在js中打印$store。
//src/test.js文件
从导入存储。/store/；
console.log(存储)
console.log(this) //未定义
Console.log(这个。$store) //将报告一个错误
this.$store 和 $store
$store挂载在Vue实例上(即Vue.prototype)，组件实际上是一个Vue实例。在组件中，您可以使用它来访问原型的属性。
有模板组件实例的上下文，可以通过{{$store.state.XXX }}直接访问，相当于这个。脚本中的$store.state.XXX。
可以把$store看作一个返回数据变量。您需要在下面的脚本中添加这一点，但是您不需要在上面的模板中添加这一点。
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。