vue.js - 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 实例本身保持不变，也没有被销毁。