如何从数据模型将数据传递到Vuejs Prop

Question

我创建了可以正常工作的模型和控制器（从实体数据模型获取数据）。

我从db表中获得了所有需要的值。示例：

让我知道，我如何将模型数据传递给vuejs中的props ...然后将其显示为html页面中的卡片。

In my cshtml file:
@foreach(var a in Model)
{
    <component v-bind:Title = @a.Title v-bind:Apiurl= @a.Apiurl></component>}

FYI: just typing @a.Title: shows value in the console.

Now in my Java script file . 
(I need help on binding the props: I tried so far:)

var app = new Vue({
el:"#a",
created: function(){

axios.get( "how to pass the @a.Apiurl ? ")
.then(function(response){
…...
}
var ctx = document.getElementByID("aaa")
….

},


components:("mycomponent",{

props:['title','Apiurl'],
data:function(){
return{(nothing enetered here.)
};
},

template:'
<div>

<h2>{{Title}}</h2>

</div>

});