Событие input
 

Здраствуйте, етот код выводит alert(инпута)
В процессе столкнулся с проблемой ввода прошлого значения, код исправлен и рабочий))

<input id="first" type="text" oninput="fuc(this)">
<script>
function fuc(obj){
	alert(obj.value);
}
</script>

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

<div id="vue">
  <input type="text" v-num="123">
</div>
<script>
	
Vue.directive('num', function (el) {
  addEventListener('input', event => {
alert(el.value);  
  }, true);
});
	
var vue = new Vue({
  el: '#vue',
  data: {
  },
  methods: {
  },
})
</script>

fori,
проблема-то в чём?

fori,

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<div id="vue">
    <input type="text" @input="foo" v-model="text">
    <output><output ref="out">
</div>
<script>
var vue = new Vue({
    el: '#vue',
    data: { text : ""
    },
    methods: {
        foo() {
            this.$refs.out.value = this.text;
        }
    },
})
</script>

Я вызывал функцыю из директивы выводящую значение привязаной переменной, но переменная ище не обновилась, изза етого был баг что в алерт выводилось не обновленное значение