首先在根目录下新建一个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>
