草庐IT

vuex中this.$store.commit和this.$store.dispatch的用法

全部标签

javascript - 未捕获的 TypeError : (0 , _store.configureStore) 不是函数

这个问题在这里已经有了答案:WhenshouldIusecurlybracesforES6import?(11个答案)关闭6年前。商店.jsimport{createStore,applyMiddleware}from'redux';importcreateLoggerfrom'redux-logger';importrootReducerfrom'./reducers/index';constlogger=createLogger();constcreateStoreWithMiddleware=applyMiddleware(logger)(createStore);exportd

javascript - 使用 Vuex 的 Vue.js 中的计算属性上的观察者未更新数据变量

fiddle:https://jsfiddle.net/mjvu6bn7/我有一个计算属性的观察者,它依赖于异步设置的Vuex存储变量。当这个计算属性发生变化时,我试图设置Vue组件的数据变量,但这并没有发生。这是Vue组件:newVue({el:'#app',store,data:{myVar:""},beforeMount(){this.$store.dispatch('FETCH_PETS',{}).then(()=>{console.log("fetchedpets")})},computed:{pets(){returnthis.$store.state.pets}},wat

javascript - 'this' 绑定(bind)到订阅函数而不是 Angular2 中的外部组件范围

我在Angular2中的一个组件中遇到问题,因为“this”在我的一个组件中绑定(bind)到错误的上下文。我有其他组件没有发生此问题,但我看不出有什么区别。这是我的代码:组件:import{Component,Input}from'@angular/core';import{FilesService}from"./services/files.service";@Component({selector:'my-app',moduleId:module.id,templateUrl:'/app/views/app.html'})exportclassAppComponent{openF

javascript - 未在实例上定义但在渲染期间引用的属性或方法 I Vuex

我收到以下错误。[Vuewarn]:Propertyormethod"updateData"isnotdefinedontheinstancebutreferencedduringrender.Makesuretodeclarereactivedatapropertiesinthedataoption.据我所知,代码已经有了方法,所以由于我对Vuex的无知,我被困在了一些我错过的东西上。我用谷歌搜索了这个问题并得到了很多答案,但没有一个让我更明智地去做。我感觉这似乎是有范围的。我也遇到了下面的错误,但我怀疑这两者的根本原因相同,所以解决一个就会解决另一个。[Vuewarn]:Inval

javascript - 如何检查 Vuex 状态对象是否为空

我有一个处于Vuex状态的初始空对象,它从API更新。conststate={someObject:{}}如何检查模板中的对象是否为空?ThisshouldnotdisplaywhensomeObjectisempty.检查状态对象是否已设置/为空的最佳做法是什么?我是否应该一开始就设置someObject:null/undefined/false,即使它希望用新对象更新?检查getter是否有意义?exportconstsomeObject=state=>Object.getOwnPropertyNames(state.someObject).length==0?state.some

javascript - Web 扩展中的共享 vuex 状态(死对象问题)

我正在尝试在Web扩展中使用共享的vue.js状态。状态存储在后台脚本的DOM中并呈现在弹出页面中。第一次尝试我的第一次尝试是使用一个没有vuex的简单商店:背景.jsvarstore={count:0};弹窗.jsbrowser.runtime.getBackgroundPage().then(bg=>{varstore=bg.store;varvue=newVue({el:'#app',data:{state:store},})})popup.html{{state.count}}+这在第一次打开弹出窗口时有效(您可以递增计数器并更新值)但是当第二次打开弹出窗口时,渲染失败并显示[

javascript - Vuex getter 中的 JSON 对象复制

我发现Vuexgetter中的JSON有一些奇怪的行为:它似乎导致了引用传递类型的问题。对于上下文——我正在开发一个音乐应用程序,它将有多个“场景”,每个场景都包含“轨道”集合(类似于AbletonLive)。这是我的setter/getter:newTrack:state=>{letnewTrack=JSON.parse(JSON.stringify(state.newTrackDefaults))returnnewTrack},这是它引用的对象:newTrackDefaults:{tune:[],//andotherproperties},然后它被一个Action调用:setUpN

javascript - 定义 `that = this` 将如何帮助我创建私有(private)变量/成员?

我正在阅读DouglasCrawford'spiece关于在javascript类中创建私有(private)变量。他在其中说您必须声明that=this以“使对象可用于私有(private)方法”。但是,我能够构建一个具有私有(private)成员、私有(private)方法和公共(public)方法的示例,而无需定义that=this:functionForm(id_code){//privatevariablevarid_code=id_code;varcolor='#ccc';//privatemethodfunctionbuild_style_attribute(){retu

javascript - 为什么 'this' 的值从文档到窗口变化

在下面的代码中我无法理解为什么this的值更改为window来自document在函数中handler当我从document调用它时语境。$(document).ready(function(){varhandler=function(){console.log(this);//this=window}console.log(this);//this=documenthandler();})根据我的理解this的值(value)由其执行上下文确定。现在当我document.ready函数this指向document这是预期的,但是当我从该上下文调用方法时,为什么我的上下文更改为wind

javascript - `this._super(controller,model)` 在 Ember 路由器中意味着什么?

我在EmberJS代码和讨论{未提供引用}中看到以下内容:代码路由.jssetupController:function(controller,model){this._super(controller,model);//Morecode},问题这里对this._super(controller,model);的调用是做什么的?什么时候需要使用这种类型的调用?只是想在这里学习,因为我的Nose因Ember学习曲线而流血。 最佳答案 正如@RyanHirsch所说,this._super调用该方法的父实现。在setupControll