php - vue渲染列表页，第一次数据加载问题

问题描述

问 题

假设有一个列表页，采用vue 的 v-for 来渲染页面。
那么页面的加载的时候，v-for 的data ， 是页面加载时通过ajax请求数据
还是用后端程序循环出这data ？
类似这样：

<div id="data">
    <table class="table table-striped table-hover">
        <tr v-for="todo in datas">
            <td>{{todo.title}}</td>
            <td>{{todo.learn_name}}</td>
            <td>{{todo.is_exist}}</td>
            <td>{{todo.is_download}}</td>
        </tr>
    </table>
</div>

    var data = new Vue({
        el:'#data',
        data:{
            datas:[
                <?php foreach ($data as $value):?>
                {
                    title: '<?php echo $value["title"]?>' ,
                    learn_name: '<?php echo $value["learn_name"]?>',
                    is_exist: '<?php echo $value["is_exist"]?>',
                    is_download: '<?php echo $value["is_download"]?>'
                },
                <?php endforeach;?>
            ]
        }
    });

解决方案

通过ajax请求数据要好点

前端和后端耦合度越低越好

这篇关于php - vue渲染列表页，第一次数据加载问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！