踩坑日记 uniapp Vue3 setup 语法糖 vuex 的配置 其他人写的都是垃圾 看了两小时的 csdn 最后自己终于试出来了
·
其他人写的都是垃圾,看了两小时的 csdn 最后自己终于试出来了
- store文件夹
- modules.js
- cart.js
- my.js
- index.js
- modules.js
具体配置
- index.js
// 这里千万不要引入 import { createApp } from 'vue' 和 Vue.use(Vuex)
import { createStore } from 'vuex'
import cart from "@/store/modules/cart.js"
import my from "@/store/modules/my.js"
export default createStore({
modules: {
cart,
my
}
})
- cart.js
const getDefaultState = () => {
return {
// token: getToken(),
name: 'aaaaa',
}
}
const state = getDefaultState()
export default {
state
}
- mian.js
import App from './App'
// #ifndef VUE3
import Vue from 'vue'
import './uni.promisify.adaptor'
import { createApp } from 'vue'
import store from 'store/index.js'
const app = createApp(App) // 创建 app
app.use(store) // 挂载 store
app.mount('#app')
// Vue.config.productionTip = false
// #endif
// #ifdef VUE3
import {
createSSRApp
} from 'vue'
export function createApp() {
const app = createSSRApp(App)
return {
app
}
}
// #endif
- cart.vue
<script setup>
import store from '@/store/index.js'
console.log(store.state.cart.name); // 直接可以访问 当然也可以使用计算属性
</script>
更多推荐
所有评论(0)