How to transfer data from Vue component to main file?

Question

Vue.js

There is an array of data that is turned into a list by the v-for directive.

<li> v-for="item in items" </li>


data: function () {
            return {
                items: [
                     ...
                ]

How to make it so that data can be added to the array through a new function, and the array itself becomes global? (Now it's inside a list component)

Answer 1

Options:
1. pass through props
2. request from some data source in create/mount hooks