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__这个字符,又是如何显示在控制台的。