Vue.js利用全局列表

的我試圖利用一個list在我Vue.js利用全局列表

新的Vue，但它不工作。當我嘗試使用這個組件的時候，這是我的想法：

Vue.component('employees', { 
      template: '#employees', 
      props:['list'], 
      created() { 
       this.list = JSON.parse(this.list); 
      } 
     }); 

     <employees list="{{ $employees }}"></employees>

^正在工作。在我的組件中，我在一個foreach中顯示了列表中的所有員工。但是我怎樣才能使用new Vue內的列表，所以我可以從每個組件訪問它。我知道你可以例如同步這樣的變種：:selectedrole.sync="role"但是，這將如何與列表一起工作？像這樣？ :list="{{ $employees }}".sync="employees"？

然後在我的new Vue這個？：

new Vue({ 
      el: 'body', 
      data:{ 
       list: '', 
       created() { 
        this.list = JSON.parse(this.list); 
       } 
      } 
     });

我使用Laravel和$employees只是一個員工對象。

我希望我解釋得很好。

謝謝

來源

2016-03-02 Jamie

您應該只綁定純文本或變量到組件道具。小鬍子的表情不起作用。

即。

<myComponent a="plain text" :b="obj"></myComponent> 
new Vue({ 
    data: {obj: {foo: 'bar'}} 
    components: {myComponent: myComponent} 
})

Props

來源

2016-03-03 08:44:39

Vue.js利用全局列表

回答

相關問題