无法查看 CodePen 代码示例

[turkyden]

点击查看代码示例后，发现合成的代码有问题，无法预览 :-(

另外，如何开启 CodesandBox 预览呢？ @dewfall123

new Vue({
    el: '#app', 
    import { useSize } from 'ahooks-vue';
import { ref } from 'vue';

  setup() {
    const divRef = ref(null);
    const size = useSize(divRef, {
      onChange: () => {
        console.log('size change');
      },
    });

    return {
      divRef,
      size,
    };
  },
};
})

[turkyden]

项目很不错，但是出了点 Bug，希望有空可以修一下哈！感谢~

https://vue-typical.vercel.app/basic/

[dewfall123]

感觉codepen处理太麻烦，（或许我没找到合适的文档） 在v0.16.0 之后改为了采用 https://sfc.vuejs.org/ demo文档说明

[turkyden]

好的，感谢哦！ https://sfc.vuejs.org/ 这个工具很不错嘛，赞！