http://blog.csdn.net/liuyuqin1991/article/details/50601947
这个的方法就比较简单，但是我需要是直接显示！
你的方法实现了，但是不是我想要的！

＠JellyBool 我很认真的学习，但是教程视频里面有一些案例不适合项目里

    Vue.component('tasks',{
        template:'#tasks-template',
        data:function(){
            return {
                list:[]
            }
        },
        created:function(){
            var vm = this;
            $.getJSON('api/tasks',function(data){
                vm.list = data;
            })
        }
    });
    new Vue({
        el:'body'
    })

我貌似ajax请求是错误的，根本请求不过去！

<script>
    var roleVue = new Vue({
        el: '#roleManagement',
        data: {
            roleManagement : ''
        },
        methods: {
            var _self = this;
            $.ajax({
                type: 'GET',
                url: '{ URL('admin/role/show') }',
                success:function(data) {
                    _self.roleManagement = data;
                }
            });
        }
    })
</script>

我写的vue ajax请求

    <tbody>
        <tr class="text-c" v-for="roleManagement in roleManagement">
            <td><input type="checkbox" value="" name=""></td>
            <td>@{ roleManagement.roleId }</td>
            <td>@{ roleManagement.roleName }</td>
            <td><a href="#">admin</a></td>
            <td>@{ roleManagement.roleDesc }</td>
            <td class="f-14"><a title="编辑" href="javascript:;" onclick="admin_role_edit('角色编辑','admin-role-add.html','1')" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="javascript:;" onclick="admin_role_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
        </tr>
    </tbody>

我需要把上面的数据进行v-for输出