Skip to main content

One post tagged with "console.log"

View All Tags

· One min read
Jeffrey

在 Vue3 中,当我们在控制台打印一个 ref 数据时:

const conut = ref(0)
console.log(conut)

控制台会显示RefImpl{_rawValue: 0, _shallow: false, __v_isRef: true, _value: 0}

可以发现,打印的数非常不直观,当然,我们可以选择直接打印 cou 的值,这样就只会输出 8,非常直观,那么有没有办法在打印 count 的时候让输出的信息更友好尾?当然可以,浏览器允许我们编写自定义的 formatter,从而自定义输出形式。在 vs3 的源码中,你可以搜索到名为 initcustonfornatt 为例,我们可以打开 Diwtoals 的设置,然后勾选 Console"→" Enable

刷新浏览器我们就会发现内容变成Ref<0>