vue改变页面大小触发一次函数

当Vue中的页面大小发生改变时，可以通过监听页面窗口的resize事件来触发相应的函数。

首先，在Vue组件中可以通过mounted钩子函数监听resize事件，如下所示：

mounted() {
window.addEventListener('resize', this.handleResize)
}

然后，在methods对象中定义handleResize函数，用来处理页面大小改变时的逻辑操作，如下所示：

methods: {
handleResize() {
// 在这里编写页面大小改变时的逻辑操作
}
}

在handleResize函数中，可以编写需要执行的逻辑操作。例如，可以获取页面的新宽度和高度信息，以便根据不同的页面大小做出相应的调整。

最后，在组件销毁前，需要将监听的resize事件移除，以避免内存泄漏，如下所示：

beforeDestroy() {
window.removeEventListener('resize', this.handleResize)
}

以上就是使用Vue实现页面大小改变触发函数的基本步骤。通过监听resize事件，可以实时捕捉到页面大小的变化，并触发相应的函数来进行适配或其他操作。