vue2和vue3调试的时候,控制台的RefImpl {}和{__ob__: Observer}是怎么来的

vue调试时的打印分析

// 一个精简的实现
setup(){

   let ceshi = ref('测试');
   let ceshi2 = ref({ a: 1 });
   let ceshi3 = reactive({ value: '测试' });
   let ceshi4 = { value: '测试' };
 //因为不给template用。就不用return了。
}

打印结果如下

为什么会出现RefImpl {}和{ob: Observer}

当然,vue返回的数据是ref和reactive函数处理后的结果。可能,就是表明对了当前对象的一些信息。
但为什么,浏览器,显示成这样呢?
RefImpl的这个字符,又是如何显示在打印台的
__ob__这个字符,又是如何显示在控制台的。

posted @ 2022-06-13 11:52  风意不止  阅读(1781)  评论(0编辑  收藏  举报