Vue

HTML

<div id = "content" class = "container">
            <brick-item
                v-for="item in itemList"
                v-bind:brick="item"
                v-bind:key="item.id"
                v-bind:id="item.id"
                v-bind:class="item.colorClass"
                v-on:click.native="greet"> 
            </brick-item>
            <div id = "98" class = "brick empty" v-on:click="greet"> </div>
            <div id = "99" class = "brick empty" v-on:click="greet"> </div>
        </div>

Vue

var Bricks = [];
            for (var i = 0; i < 98; i++) {
                Bricks[i] = {id: i, text: 'none', colorClass: 'empty'};
            }

            Vue.component('brick-item', {
                props: ['brick'],
                template: '<div class = "brick">{{ brick.text }}</div>'
            });

            var vm = new Vue({
                el: '#content',
                data: {
                    itemList: Bricks
                },
                methods: {
                  greet: function () {
                      alert('Привет!');
                  }
                }
            
            });