Vue：将数据传递给动态组件

Question

根据官方帮助（https://vuejs.org/v2/guide/components-dynamic-async.html），我为动态组件完成了以下代码。

很容易将props传递给函数resolve（）。

但是问题是，如何在'resolve'函数之前传递taskId-必需的VAR而不是固定值'1341'？

非常感谢！

Vue.component('task-name', function(resolve, reject){

    // var instead '1341'?

    axios.post("http://my-cite.com/taskname", {taskId: '1341'}).then(function (response){

        resolve({

            props: ['taskId'],

            data: function(){
                return {
                    response: response
                }
            },

            template: '<div>I am async! And the response is: {{response}}</div>'           
        })
    })

}）

Answer 1

您可以使用v-bind

<div is="task-name" v-bind="myProp"></div>

其中myProp是{taskId: '1341'}