vue props传染Aray/Objectタイプの値を解決して、サブアセンブリが間違っている場合


問題:
Props with type Object/Aray muse a factory function to return the default value.
1、vueで親コンポーネントがpropsを通じてAray/Objectタイプ値をサブアセンブリに伝えた場合
2、サブコンポーネントのpropsがdefaultを受信すれば、以下の通りです。

エラーを申し込む

理由:props default配列/対象のデフォルト値は一つの工場関数で返されるべきです。
解決:

補足の知識:vueのpropsはどのように複数のパラメータを伝えますか?
vue親の役割領域は、プロpsによってデータを転送し、複数のパラメータを転送する必要があれば、プロpsに配列して値を付けることができ、このようにコンポーネントを通じて、親のコンポーネントから複数のパラメータを得ることができる。

<div id="app">
 <ul >
 <todo-item v-for="(item,index) in arr" v-bind:todo="item" v-bind:index="index"></todo-item>
 </ul>
</div>
<script type="text/javascript" src="js/vue.js" ></script>
<script>
    Vue.component("todo-item",{
   props:['todo','index'],
 template:"<li>{{index}}:{{todo.text}}</li>" 
 })
 var app = new Vue({
   el:"#app",
   data:{
 arr: [ { text: '   JavaScript' }, { text: '   Vue' }, { text: '     ' } ]
 }
 })
</script>
以上の本はvue props传染Aray/Objectのタイプ値を解決しました。サブアセンブリが間違っている場合は、小編集が皆さんに提供した内容を全部共有しています。参考にしていただければと思います。どうぞよろしくお願いします。