Skip to content

setup注意点

1. setup中响应式问题

有些时候我们可能会出现这样的问题

js
defineComponent({
	setup(){
		// useMediaQuery 媒体查询hook
		const isMobile = useMediaQuery("(max-width : 720px)")
		// 然后我们为了验证是否正确
		console.log(`当前是否是移动端: ${isMobile}`);  // 结果: 第一次的时候触发输出了,然后怎么修改浏览器的大小发现都不触发 这个log
		// 然后在页面输出 {{isMobile}} 发现对的
		return {}
	}
})

这是初学者经常遇到的一个问题,主要是不了解setup的执行时机和执行情况