Vue

by joplomacedo

HTML

<div id="app">
	<div class="container">
		<div ref="box" class="box"></div>
		<div ref="box" class="box"></div>
		<div ref="box" class="box"></div>
		<div ref="box" class="box"></div>
		<div ref="box" class="box"></div>
		<div ref="box" class="box"></div>
	</div>
</div>

CSS

body {
	padding: 2em;
} 

.container {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	height: 10em;
}

.box {
	height: 2px;
	width: 15%;
	border: 1px solid;
}

Vue

new Vue({
  el: "#app",
  data: {
   
  },
  methods: {
  	toggle: function(){

    }
  },
  
  mounted() {
    console.log(typeof this.$refs.box);
  }
})