使用Vuejs时使用App.js文件进行缩放

import Vue from 'vue';
import App from './App.vue';

new Vue({
  render: h => h(App),
}).$mount('#app');

<template>
  <div>
    <button @click="zoomIn">放大</button>
    <button @click="zoomOut">缩小</button>
    <div :style="{ transform: `scale(${scale})` }">
      <!-- 页面内容 -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      scale: 1, // 初始缩放比例为1
    };
  },
  methods: {
    zoomIn() {
      this.scale += 0.1; // 每次放大0.1倍
    },
    zoomOut() {
      this.scale -= 0.1; // 每次缩小0.1倍
    },
  },
};
</script>