Adding an element to the list

We will start with the functionality to add an item to the list. The global-app.js file is modified to process a click on the Add Element button (this button is included in the global-app.js file).

Let’s add the code that should be run when the Add Element button is clicked:

Taking into account the click on the Add Element button (global-app.js file)

import Element from "./element.js";
const GlobalApp = {
  data() {
    return {
      elements : []
    }
  },
  components : {
    Element:Element
  },
  template : `
    <button @click="add()">Add Element</button>
    <ul>
      <li v-for="(element, index) in elements" 
      :key="index">{{element...