vue3: vuex (4.x) useStore() 使用; 及useStore() 方法 PC端返回 state ;移动端不返回state

vuex (4.x) useStore() 方法 打印出来 PC端返回 state ;移动端不返回state;
state只读
在这里插入图片描述

import {useStore} from 'vuex'

export default {
	setup(props,context) {
		const store = useStore()
		const myStoreData = computed(() => store.state.myStoreData);

		console.log(store ) // PC正常;移动端无state(但可以直接用)
		
		console.log(myStoreData.xxx) // myStoreData 是 ref 需要myStoreData.value.xxxx

	}
	
	return{
		xx: computed(() => store.state.myStoreData);  // 此处无需.value
	
	}


}


; while k <= length(t) && y(k,1) > Tmin && y(k,1) < Tmax % 上调的持续时间受限于温控区间上限 if S(k) == 0 % 电采暖设备被关闭在Vue.js中,使用vuex进行状态管理,可以通过`useStore`方法来获取store实例,用于在组了 break; end k = k+1; end tup(i) = t(k)-t(j); 件中进行状态读取和修改。 首先,在Vue组件中导入vuex: ```javascript import { useStore } k = j+1; while k <= length(t) && (y(k,1) < Tmin || y(k,1) from 'vuex' ``` 然后,在组件内部使用`useStore`方法获取store实例: ```javascript export default { setup() { const store = useStore() // ... } } ``` 在组件中使用store实例 > Tmax) % 下调的持续时间受限于温控区间下限 if S(k) == 1 %,例如获取和修改状态: ```javascript export default { setup() { const store = useStore() // 获取状态 电采暖设备被开启了 break; end k = k+1; end t const count = computed(() => store.state.count) // 修改状态 const increment = () => { store.commit('down(i) = t(k)-t(j); end ``` 5. 绘制功率变化曲线和可持续时间increment') } return { count, increment } } } ``` 上面的代码中,使用`曲线 ```matlab figure; subplot(2,1,1); plot(t/3600,P/1000,'b-',computed`函数获取store中的`count`状态,并使用`commit`方法触发`increment`这个mutation来修改状态。 t/3600,Prated/1000*ones(size(t)),'r--'); xlabel('时间(小时)'); ylabel('功注意:在使用`useStore`方法之前,需要确保已经在Vue应用中安装了vuex插件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

昔人'

你的鼓励将是我创造的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值