无法获得道具与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/

我试图从myarr值从data主Vue的应用程序获得的数据，但它不工作。我做错了什么？

Answer 1

几件事情：

1. 您的div标签内插
2. 没有逗号分隔在你的程序的性能，
3. 您声明道具（myarr），然后不使用它

您可以在这里看到您的代码的工作版本

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