Vue頁面渲染

寫了那麼多，最終的數據都是要展現在前端的界面，纔算是完成工做。 Element UI手冊：cloud.tencent.com/developer/d… 中文文檔：element-cn.eleme.io/#/zh-CN github地址：github.com/ElemeFE/ele…

---

其實步驟很簡單，代碼以下

<template>
    <div id="app">
  <div v-for="item in itemList">
  	<span>{{item.name}}</span>
  	<span>{{item.nick}}</span>
  </div>
    </div>
</template>
<script>
    import axios from "axios";
    export default {
        name: "app",
        data() {
            return {
                itemList: []
            }
        },
        mounted() {
            this.getData();
        },
        methods: {
            getData() {
                axios.get('http://localhost:8080/api/test').then(response => {
                    console.log(response.data);
                    
                   this.itemList =response.data.first;
                }, response => {
                    console.log("error");
                });
            }
        }
    }
</script>

複製代碼

打開界面，既能夠看到，所須要的數據一家展現在前端的界面了

---

原文做者：祈澈姑娘