Vue 实例是否会丢失其旧属性？

Question

浏览器是否继续显示 Vue 实例属性，即使它们不再存在？因为我尝试将实例设置为 4 使其成为一个数字，但旧数据和方法仍然不会从浏览器中消失

var r = new Vue({
    el: "#test", //gets the element with id test
    data: {
        h2: "saned",
        ha: "<h3>this shit sucks</h3>",
        imgsrc: "image.jpg",
    }, //data section
    methods: {
        fun: function () {
            return "i am " + this.h2;
        },
    }, //functions section
});
r = 4; //the previous data won't dissapear

我想了解它究竟是如何工作的，因为我认为由于对象不再是 Vue 实例，因此以前的实例数据应该消失，我希望放一张图片来展示它是如何保持的，但我可以'不，因为无论如何它都会是一个链接，并且帖子不会很好。

Answer 1

您在这里创建了 Vue 实例并让r 指向它：

var r = new Vue({})

在这里你为 r 分配了一个新值：

r=4;

尽管您现在已经阻止 r 指向它，但 Vue 实例本身保持不变并且没有被销毁。