Как в Vue инициализировать переменную?

Михаил, если в шаблоне прописать:

<div class="col-md-8">
{{ marker.name }}</br>
{{ marker.address }}</br>
{{ marker.lat }}</br>
{{ marker.lng }}</br>
</div>

получаю на странице:
red square
dzerzhinscogo, 100
45.102001
38.984066
red square
dzerzhinscogo, 101
45.10194
38.971405
red square
dzerzhinscogo, 102
45.105152
38.989773

Как теперь это перенести в виде маркеров на карту?

Как в Vue инициализировать переменную?

Михаил, данные из таблицы БД markers
вот модель таблицы:

namespace App;
use Illuminate\Database\Eloquent\Model;

class Marker extends Model
{
    protected $fillable = [
      'id',  'name', 'address', 'lat', 'lng', 'type',
    ];
}

вот ресурсы таблицы:

namespace App\Http\Resources;
use Illuminate\Http\Resources\Json\JsonResource;

class Marker extends JsonResource
{
      public function toArray($request)
    {
        return parent::toArray($request);
return [
      'id' => $this->id,
      'name' => $this->name,
      'address' => $this-> address,
      'lat' => $this-> lat,
      'lng' => $this-> lng,
      'type' => $this-> type,
      ];
    }
}

Как в Vue инициализировать переменную?

Михаил, согласна - ерунда
нужно весь массив маркеров получить, но не знаю как

Как в Vue инициализировать переменную?

прописала
v-if="markers.length"
также в скрипте указала:

export default {
    data () {
      return {
        markers: [],
        center: {lat: 45.101637, lng: 38.986345},
          }
  },

но карта загружается без маркеров
ошибок в консоли нет

Как в Vue инициализировать переменную?

zorca, да, действительно, нужно весь массив маркеров получить.
А как это сделать?

Как в Vue инициализировать переменную?

а можно увидеть код?

Как в Vue перемешать полученные данные axios?

Спасибо.
А подскажите пожалуйста еще такую вещь,
почему такая конструкция выдает только последний номер, а не все id, как предполагалось?
v-if="product.id === (8, 5, 1, 23, 12) "