無法獲得道具與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/