<div id="app">
  <yandex-map 
    :coords="coords"
    :zoom="10"
    @click="onClick"
  >
    <ymap-marker 
      :coords="coords" 
      marker-id="123" 
      hint-content="some hint" 
    />
  </yandex-map>
</div>
#app {
  width: 100%;
  height: 100vh;
}

.ymap-container {
  height: 100%;
}
new Vue({
  el: '#app',
  data: {
    coords: [
      54.82896654088406,
      39.831893822753904
    ]
  },
  methods: {
    onClick(e) {
      this.coords = e.get('coords');
    }
  }
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.3/vue.min.js
  2. https://unpkg.com/vue-yandex-maps