How to show data from an array of objects in a list?

Question

JavaScript

There is a function that receives the policies[] array:

getPolicies() {
                    let self = this;
                    HttpService.methods.get('/policies')
                        .then(function (response) {
                            self.policies = response.data.data
                            console.log(self.policies);
                        })
                        .catch(function (error) {
                            console.log(error);
                        })
                }

And there is this checkbox menu:

<div class="dropdown-checkbox form-group">
                    <label class="label-title"><p>Select</p></label>
                    <ul>
                      <li><label><input value="1"
                                        type="checkbox">1</label></li>
                      <li><label><input value="2"
                                        type="checkbox">2</label></li>
                      <li><label><input value="3"
                                        type="checkbox">3</label></li>
                    </ul>
                  </div>

How to show data from policies[] array in menu for each item?

Answer 1

Bind with a model or via v-for - I don’t really understand what exactly should be a list - menus or checkboxes.

Answer 2

Reading the Vue Guide