Javascript 函数中的Vue返回模板

Javascript 函数中的Vue返回模板,javascript,vue.js,Javascript,Vue.js,我正在努力学习Vue的一些基础知识,但是我找不到我理解的东西,所以我决定在这里提问。 我使用的是ag网格表,我需要在其中返回模板,但我必须传递对象,以便在模板中列出它们。 因此,我使用单元格渲染器函数进行了如下操作: cellRenderer: params => { return this.getCart(params); } 我的函数如下所示: getCart(params) { return '<template><div>He

我正在努力学习Vue的一些基础知识,但是我找不到我理解的东西,所以我决定在这里提问。 我使用的是ag网格表,我需要在其中返回模板,但我必须传递对象,以便在模板中列出它们。 因此,我使用单元格渲染器函数进行了如下操作:

cellRenderer: params => {
   return this.getCart(params);
}
我的函数如下所示:

getCart(params) {
            return '<template><div>Here must be v-for function</div></template>';
        },
getCart(参数){
返回“这里必须是函数的v型”;
},
正如您所看到的,我使用return来呈现这个模板,但我认为这是错误的。我将需要在这里写模板,并针对这些对象,有没有更好的方法接近它

是否有任何方法可以编写自定义模板,如:

<template cart>
    <div :key="index" v-for="(cart, index) in params">
        {{ cart.id }} - {{ cart.name}}
    </div>
</template>

{{cart.id}-{{cart.name}
以某种方式传递这个参数,让函数接收并呈现这个名为cart-inside的模板