Question

我正在尝试在我的

中使用list 新的Vue，但它不起作用。当我尝试使用组件时，这是我的想法：

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

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

那^正在发挥作用。在我的组件中，我在foreach中显示列表中的所有员工。但是如何在new Vue中使用列表，以便我可以从每个组件中访问它。我知道你可以像这样同步一个var：:selectedrole.sync="role"但是如何使用列表呢？像这样的东西？ :list="{{ $employees }}".sync="employees"？

然后在我的new Vue这个？：

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

我正在使用Laravel，$employees只是一个员工对象。

我希望我已经解释得很好。

由于

Answer 1

您应该只将纯文本或变量绑定到Component props。胡子表达不适用于那里。

即

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

Props

Vue.js使用全局列表

1 个答案: