about.vue
1.45 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<script setup lang="ts">
import { reactive } from "vue";
// import {tengxiTestStore} from '@/pinia/index'
import * as all from '@/pinia/index'
console.log(all)
// const store = tengxiTestStore()
// console.log(store)
const data = reactive([
{
date: "2016-05-02",
name: "王小虎1",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-04",
name: "王小虎",
address: "上海市普陀区金沙江路 1517 弄",
},
{
date: "2016-05-01",
name: "王小虎",
address: "上海市普陀区金沙江路 1519 弄",
},
{
date: "2016-05-03",
name: "王小虎",
address: "上海市普陀区金沙江路 1516 弄",
},
]);
// const addAge = () => {
// console.log('add one age')
// console.log(store.age)
// store.grown()
// console.log(store.age)
// }
// const initPinia = () => {
// store.init()
// }
</script>
<template>
<p class="tengxi">Tengxi About Page</p>
<el-button type="primary">成功</el-button>
<p>测试pinia数据：{{all.family.dataStore().data1}}</p>
<!-- <el-button @click="addAge">长一岁</el-button>
<el-button @click="initPinia">初始化pinia</el-button> -->
<el-table :data="data" style="width: 100%">
<el-table-column prop="date" label="日期" width="180"> </el-table-column>
<el-table-column prop="name" label="姓名" width="180"> </el-table-column>
<el-table-column prop="address" label="地址"> </el-table-column>
</el-table>
</template>