Vue.js 如何将额外的道具绑定到v-for渲染的组件？

这是一个新手问题，但我无法在网上找到答案/提示：

对于由v-For循环渲染的基本模板：

{{item.MessageId}
{{index}}:{{item.Subject}

在基本示例中，所有内容都是直截了当的，除了我需要向该组件传递一个道具：

$.getJSON（mockAjaxUrl）.done（函数（ajaxdata）{
var messageType='收件箱'；
Vue.组件（“v-ml_组件”{
模板：“#列表模板”，
道具：['index'，'item'，'messageType']
});
var vm=新的Vue({
el:“应用程序”，
数据：{
messageType:messageType，
获取_数据：ajaxdata
}
});
});

---

这将在控制台中得到错误消息，消息类型未传递到此组件。我想知道如何将此属性的值传递给使用v-for循环呈现的模板？

HTML中的

messageType

属性将是

messageType

---

请参阅Vue文档。

谢谢！这很有效。当Vue.js遇到大写字母时，它似乎强制命名规则为连字符连接。为了避免这个麻烦，你可以使用像whateverit这样的名字。