vue-resource拿不到数据啊 急！

用的是http://cnodejs.org/api的接口
如下代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <div id="app">
            
        </div>
    </body>
    <script src="//cdn.bootcss.com/vue/2.1.0/vue.js" type="text/javascript" charset="utf-8"></script>
    <script src="//cdn.bootcss.com/vue-resource/1.0.3/vue-resource.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        new Vue({
            el:'#app',
            data:{
                
                topicList:[],
                getTopicListUrl: 'http://cnodejs.org/api/v1/topics',

            },
            ready:function(){
                this.getTopic()
            },
            methods:{
                getTopic:function(){
                    var that = this;
                        that.$http({
                            method:'GET',
                            url:getTopicListUrl
                        }).then(function(response){
                            that.$set('topicList',response.data)
                        },function(error){
                            //error
                        })
                }
            }
        })
    </script>
</html>

阅读 7.6k

谢邀。
问题有三个，ready在v2中已经被取消了，可以参考Options-Lifecycle-Hooks，可以修改成created；url:getTopicListUrl这里赋值url需要从实例中来，修改成this.getTopicListUrl；获取数据后设置值这里不是很理解，你实例化的时候存在一个topicList，所以可以直接赋值this.topicList = response.data.data

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <div id="app">
            <ul>
                <li v-for="topic in topicList"> {{topic.title}} </li>
            </ul>
        </div>
    </body>
    <script src="//cdn.bootcss.com/vue/2.1.0/vue.js" type="text/javascript" charset="utf-8"></script>
    <script src="//cdn.bootcss.com/vue-resource/1.0.3/vue-resource.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        new Vue({
            el:'#app',
            data:{
                
                topicList:[],
                getTopicListUrl: 'http://cnodejs.org/api/v1/topics',

            },
            created: function(){
                this.getTopic()
            },
            methods:{
                getTopic:function(){
                    var that = this;
                        that.$http({
                            method:'GET',
                            url:this.getTopicListUrl
                        }).then(function(response){
                            this.topicList = response.data.data;
                        },function(error){
                            //error
                        })
                }
            }
        })
    </script>
</html>

vue-resource拿不到数据啊急！

你尚未登录，登录后可以

前端页面脚本更新时，如何让用户端，使用最新脚本？

solidjs中如何实现vue中的keep-alive功能？

给定两个节点，如何找出他们之间的所有路径？

如何在Vue自定义指令中防止中文拼音输入影响数字验证？

Element Plus表格组件如何呈现复杂布局如图？

Element-UI el-table行编辑状态无法切换是为什么呢？

vue项目如何在初始化之前跳转外部页面？