How to make the user add data himself, vue.js?

Question

Vue.js

For example, there is data

data: {
  colors: [ 'red', 'lime', 'blue', 'yellow', 'black' ],
}

How do we allow the user (for example, by clicking on the palette) to select a color so that the selected color ends up in our array of object colors?

Answer 1

Just push a new color into the array and that's it:

<div
    style = "background:cyan"
    @click = "colors.push( 'cyan' )">
</div>