From a8ea0a75b5353d7bb97ba7825e3db261f85bcff7 Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期一, 16 十月 2023 12:30:57 +0800
Subject: [PATCH] #
---
pages/home/home.vue | 25 +++++++-----
pages/project/project.json | 9 ++++
pages/LoginDemo/LoginDemo.vue | 2 -
main.js | 3 +
store/index.js | 27 +++++++++++++
5 files changed, 54 insertions(+), 12 deletions(-)
diff --git a/main.js b/main.js
index bad0873..9a38f4b 100644
--- a/main.js
+++ b/main.js
@@ -3,10 +3,13 @@
// #ifndef VUE3
import Vue from 'vue'
import uView from './uni_modules/uview-ui/index.js'
+import store from './store'
import './uni.promisify.adaptor'
Vue.config.productionTip = false
+Vue.prototype.$store = store
App.mpType = 'app'
const app = new Vue({
+ store,
...App
})
app.$mount()
diff --git a/pages/LoginDemo/LoginDemo.vue b/pages/LoginDemo/LoginDemo.vue
index e1dac5a..c092a01 100644
--- a/pages/LoginDemo/LoginDemo.vue
+++ b/pages/LoginDemo/LoginDemo.vue
@@ -50,8 +50,6 @@
</view>
</uni-popup>
-
-
<!-- 鐗堟湰鍙� -->
<!-- #ifdef APP-PLUS -->
<view class="version">
diff --git a/pages/home/home.vue b/pages/home/home.vue
index dc8a813..9e928f6 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -1,5 +1,7 @@
<template>
<view>
+ <text>{{username}}</text>
+ <text>{{age}}</text>
<view class="z-swiper">
<view>
浠婃棩鍏ュ簱 100
@@ -32,18 +34,21 @@
</template>
<script>
+ import { mapState } from 'vuex'//寮曞叆mapState
export default {
data() {
- return {
- homeList: [
- {name: '鍏ュ簱',nav:[
- {name: '缁勬墭鍏ュ簱'},
- {name: '涓婃灦'}
- ]},
- {name: '鍑哄簱'},
- {name: '鍏朵粬'}]
- }
- }
+ return {}
+ },
+ onShow() {
+ console.log(this.project);
+ },
+ computed: mapState({
+ // 浠巗tate涓嬁鍒版暟鎹� 绠ご鍑芥暟鍙娇浠ｇ爜鏇寸畝缁�
+ username: state => state.username,
+ age: state => state.age,
+ homeList: state => state.homeList,
+ project: state => state.project
+ })
}
</script>
diff --git a/pages/project/project.json b/pages/project/project.json
new file mode 100644
index 0000000..2deaad4
--- /dev/null
+++ b/pages/project/project.json
@@ -0,0 +1,9 @@
+{
+ "phps": {
+ "name":"骞虫箹鍝佷笂鏂板彂鐜�",
+ "menu": [
+ {"name": "缁勬墭鍏ュ簱"},
+ {"name": "璁㈠崟缁勬墭"}
+ ]
+ }
+}
\ No newline at end of file
diff --git a/store/index.js b/store/index.js
new file mode 100644
index 0000000..4b54b5a
--- /dev/null
+++ b/store/index.js
@@ -0,0 +1,27 @@
+// 椤甸潰璺緞锛歴tore/index.js
+import Vue from 'vue'
+import Vuex from 'vuex'
+import project from '@/pages/project/project'
+
+Vue.use(Vuex);//vue鐨勬彃浠舵満鍒�
+
+//Vuex.Store 鏋勯�犲櫒閫夐」
+const store = new Vuex.Store({
+ state:{//瀛樻斁鐘舵��
+ "username":"foo",
+ "age":18,
+ "homeList": [
+ {
+ name: '鍏ュ簱',
+ nav:[
+ {name: '缁勬墭鍏ュ簱'},
+ {name: '涓婃灦'}
+ ],
+ },
+ {name: '鍑哄簱'},
+ {name: '鍏朵粬'},
+ ],
+ 'project': project
+ }
+})
+export default store
\ No newline at end of file
--
Gitblit v1.9.1