Appearance
setup注意点
1. setup中响应式问题
有些时候我们可能会出现这样的问题
js
defineComponent({
setup(){
// useMediaQuery 媒体查询hook
const isMobile = useMediaQuery("(max-width : 720px)")
// 然后我们为了验证是否正确
console.log(`当前是否是移动端: ${isMobile}`); // 结果: 第一次的时候触发输出了,然后怎么修改浏览器的大小发现都不触发 这个log
// 然后在页面输出 {{isMobile}} 发现对的
return {}
}
})
这是初学者经常遇到的一个问题,主要是不了解setup的执行时机和执行情况