</script>
<script>
new Vue({
el: "-sharpapp",
data: function() {
return {
items: [{
key: "input"
}, {
key: "Re-render"
}],
formData: {
input: ""
}
}
}
})
</script>
</body>
</html>as shown in the code above.
I added key to div , and the only thing that has changed is the content of formData , but when I change the value of the input box, the content of p is still re-render .
so what I want to ask is how to understand the patch calculation of Vue in this process?
and I don"t want P also re-render , what should I do?