javascript - Vue.js 使用全局列表

Question

我正在尝试在我的

中使用列表

新的 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" ？

然后在我的新Vue中这个？:

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

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

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

谢谢

Answer 1

您应该只将纯文本或变量绑定(bind)到组件属性。 mustache 表达式在那里不起作用。

即。

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

Props