-
2package.json
-
11src/App.vue
-
BINsrc/assets/logo1.png
-
BINsrc/assets/logo2.png
-
BINsrc/assets/logo3.png
-
BINsrc/assets/logo5.png
-
BINsrc/assets/logout_16.png
-
BINsrc/assets/logout_24.png
-
BINsrc/assets/logout_36.png
-
0src/common/js/util.js
-
2src/main.js
-
12src/pages/404.vue
-
171src/pages/Home.vue
-
38src/pages/Login.vue
-
5src/pages/Main.vue
-
77src/pages/charts/echarts.vue
-
43src/pages/nav1/Form.vue
-
2src/pages/nav1/Table.vue
-
33src/pages/nav1/user.vue
-
35src/pages/nav2/Page4.vue
Before Width: 64 | Height: 64 | Size: 3.9 KiB |
Before Width: 72 | Height: 72 | Size: 5.8 KiB |
Before Width: 64 | Height: 64 | Size: 4.4 KiB |
Before Width: 64 | Height: 64 | Size: 2.1 KiB |
Before Width: 16 | Height: 16 | Size: 1.1 KiB |
Before Width: 24 | Height: 24 | Size: 1.3 KiB |
Before Width: 32 | Height: 32 | Size: 1.8 KiB |
@ -1,3 +1,11 @@ |
|||||
<template> |
<template> |
||||
<p style="font-size:20px;text-align: center;color:rgb(192, 204, 218);">404</p> |
|
||||
</template> |
|
||||
|
<p class="page-container">404 page not found</p> |
||||
|
</template> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.page-container { |
||||
|
font-size: 20px; |
||||
|
text-align: center; |
||||
|
color: rgb(192, 204, 218); |
||||
|
} |
||||
|
</style> |
@ -1,32 +1,33 @@ |
|||||
<template> |
<template> |
||||
<div> |
|
||||
<h1>vuex 测试</h1> |
|
||||
Clicked: {{ getCount }} times |
|
||||
<button @click="increment">+</button> |
|
||||
<button @click="decrement">-</button> |
|
||||
</div> |
|
||||
|
<div> |
||||
|
<h1>vuex 测试</h1> |
||||
|
Clicked: {{ getCount }} times |
||||
|
<button @click="increment">+</button> |
||||
|
<button @click="decrement">-</button> |
||||
|
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { mapGetters } from 'vuex' |
|
||||
import { mapActions } from 'vuex' |
|
||||
|
import { mapGetters } from 'vuex' |
||||
|
import { mapActions } from 'vuex' |
||||
|
|
||||
export default { |
|
||||
computed: { |
|
||||
|
export default { |
||||
|
computed: { |
||||
// 使用对象展开运算符将 getters 混入 computed 对象中 |
// 使用对象展开运算符将 getters 混入 computed 对象中 |
||||
...mapGetters([ |
...mapGetters([ |
||||
'getCount' |
'getCount' |
||||
// ... |
// ... |
||||
]) |
]) |
||||
}, |
|
||||
methods: { |
|
||||
|
}, |
||||
|
methods: { |
||||
...mapActions([ |
...mapActions([ |
||||
'increment', // 映射 this.increment() 为 this.$store.dispatch('increment') |
'increment', // 映射 this.increment() 为 this.$store.dispatch('increment') |
||||
'decrement' |
|
||||
|
'decrement' |
||||
]) |
]) |
||||
//...mapActions({ |
|
||||
// add: 'increment' // 映射 this.add() 为 this.$store.dispatch('increment') |
|
||||
//}) |
|
||||
|
//...mapActions({ |
||||
|
// add: 'increment' // 映射 this.add() 为 this.$store.dispatch('increment') |
||||
|
//}) |
||||
|
} |
||||
} |
} |
||||
} |
|
||||
|
|
||||
</script> |
</script> |