首先在根目录下新建一个store文件夹,并在其中创建index.js,然后引入vuex

这只是使用vuex的一种方法,简单调用一下

import { createStore } from 'vuex'
const store = createStore({
    state:{//存放状态
        "username":"狐狸",
        "age":18
    }
})

export default store

 在main.js中引入,并使用

import App from './App'
import store from './store'

import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
	app.use(store)

  return {
    app
  }
}

 在页面中调用

<template>
	<view class="content">
		{{username}}
	</view>
</template>

<script>
	import store from '@/store/index.js'; //需要引入store
	import {
		computed,
		reactive,
		watchEffect
	} from "vue";

	export default {
		data() {
			return {
				title: 'Hello',
				vuexMsg: ''
			}
		},
		onLoad() {
			
		},
		methods: {

		},
		setup() {
			let username = computed(() => {
				return store.state.username
			})

			return {
				username
			}
		}
	}
</script>

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐