2sjdeveloper
commented
8 months ago 2교시
User 아아 이게 userListView.vue 파일이야
<!-- (24-02-05-mon) -->
<!-- UserListView.vue -->
<template>
<div class="container">
<h1>전체 회원 조회</h1>
<table class="table">
<thead>
<tr>
<th>No.</th>
<th>ID</th>
<th>이름</th>
<th>성별</th>
<th>가입날짜</th>
</tr>
<tr>
<td>{{ getUserLi.user_no }}</td>
<td>user_id</td>
<td>user_name</td>
<td>user_gender</td>
<td>join_data</td>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</template>
<script>
import axios from 'axios';
export default {
data() {
return {
userList: [],
};
},
created() {
this.getUserList(); //비동기작업
},
methods: {
async getUserList() {
// 반드시 순서대로 진행해줘야 함.
//동기작업 : async, await 를 붙여줘야 함.
let result = await axios.get("/api/users").catch((err) => console.log(err));
let list = result.data;
this.userList = list;
},
},
};
</script>
1교시
npm init
npm install --force
npm update
npm run
등등..
devServer : https://cli.vuejs.org/config/#devserver