vue input失去焦点把外层边框去掉

可以使用Vue的v-on指令和v-bind指令来实现这个功能。

首先，在input标签上添加一个v-on:blur事件监听器，当输入框失去焦点时触发该事件：

<input v-on:blur="removeBorder" />

然后，在Vue实例中定义一个removeBorder方法，该方法在事件触发时会把外层边框去掉：

new Vue({
  el: '#app',
  methods: {
    removeBorder: function() {
      // 获取外层元素并移除边框类
      var outer = document.getElementById('outer');
      outer.classList.remove('border');
    }
  }
})

最后，在外层元素上添加一个id属性为"outer"，并在CSS中定义一个边框类，如下所示：

#outer.border {
  border: none;
}

这样，当输入框失去焦点时，外层元素会移除边框类，从而实现去掉边框的效果。