Vue

by goldorak

HTML

<div id="app">
  <input type="text" id="myElementID" />
</div>

CSS

input {
  outline: none;
}

Vue

new Vue({
  el: "#app",
  data: {
    borderColor: '#115599'
  },
  mounted () {
  	const element = document.getElementById("myElementID");

    element.addEventListener("focus", (e) => {
      e.target.style.borderColor = "red";
    });

    element.addEventListener("blur", (e) => {
      e.target.style.borderColor = "";
    });
  }
});