Vue

by Christian Gambardella

HTML

<div id="app">
  <div id="source">
    <div ref="moveme">move me</div>
  </div>
  <div id="target"></div>

  <button @click="move">move</button>
</div>

CSS

#source,
#target {
  min-height: 100px
}

#source {
  background-color: red
}

#target {
  background-color: blue
}

Vue

new Vue({
  el: "#app",
  methods: {
  	move () {
      console.log('el', this.$el)
      const $target = this.$el.querySelector('#target')
      $target.appendChild(this.$refs.moveme)
    }
  }
})