Performance of vue @input / @change event in IE11 and other regular browsers

I debugged a bug today and didn't want to go around to correct it. It took 2 hours, I only changed a word, and I went to the bottom to find it. I finally found it.

Here is a summary.

Under IE 11 browser

When vue is rendering the HTML template, if there is code similar to the following in the template, the input is initialized and assigned, even if a null value is assigned (that is, the input value has not changed) @input event will be triggered

But in other browsers, Chrome, Firefox, Edge, Safari will not trigger @input event

 

Because of this incident, the subsequent logic on IE11 is different from other browsers. It took a long time to find this problem.

Finally, change @input to @change, and these events will not be triggered during initialization