不能让道具与Vue组件一起使用

Question

var userContent = Vue.extend({
props: ['myarr']
template:'<div v-for="m in myarr">{{m}}</div>'
})


var vm = new Vue(
{
el:'body', 
components: {userContent}
  data: 
   {
      myarr : ["one", "two"]
   }
})

这是我的jsfeedle代码https://jsfiddle.net/ojrs6kk5/1/

我正在尝试从主Vue应用中的myarr中获取data的值，但它不起作用。我做错了什么？

Answer 1

有几件事：

1. 您正在div标记
内插
2. 您的程序中没有逗号分隔属性
3. 您宣布道具（myarr）然后不使用

您可以在此处查看代码的工作版本

https://jsfiddle.net/gurghet/ojrs6kk5/2/