javascript - 将数据从 Vue 实例传递到 Vue 组件

Question

如何将数据从 Vue 实例传递到 Vue 组件？我正在尝试对位于我的组件模板中的“li”执行“v-for”，这是 fiddle

HTML

<div id="app">
    <my-notification></my-notification>
</div>

<template id="my-template">
    <ul>
        <li v-for="nn in notifications">{{ nn }}</li>
    </ul>
</template>

Vue 脚本

Vue.component('my-notification',{
    template : '#my-template',
});

new Vue({
    el : '#app',
    data : {
        notifications : ['notification 1','notification 2','notification 3']
    }
});

不幸的是，到目前为止我尝试过的方法(参见我的 fiddle )不起作用，请问有什么帮助吗？

Answer 1

您也可以考虑vuex如果您的应用程序变得更大