vuex取值的两种方法

1.使用 mapState

<template>
	<view>
		<view>
			主页{{username}}
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex' //引入mapState
	export default {
		data() {
			return {}
		},
		onLoad() {
			this.$A.checkToken()
		},
		computed: mapState([
			// 从state中拿到数据 箭头函数可使代码更简练
			'username',
			'age',
			'count',
			"hasLogin"
		]),
		methods: {}
	}
</script>

2.使用 store.state.username

<template>
	<view>
		<view>欢迎您:
			<text style="color: #007AFF;">{{username}}</text>
		</view>
		
	</view>
</template>

<script>
	import store from '@/store/index.js'; //需要引入store
	export default {
		data() {
			return {

			}
		},
		computed: {
			username() {
				return store.state.username
			},
			hasLogin() {
				return this.$store.state.hasLogin
			}
		},
		onLoad() {
},
		methods: {
}
	}
</script>

<style>

</style>

原创文章,作者:Uniapper,如若转载,请注明出处:https://www.uniapper.com/562.html

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 2021年11月12日 下午11:00
下一篇 2021年11月12日 下午11:42

相关推荐

发表回复

登录后才能评论
欢迎访问www.uniapper.com!交流QQ群:35429521