vue大屏在一个页面切换

您可以使用Vue Router来实现在一个页面中切换不同的大屏。首先，在Vue项目中安装并引入Vue Router库。然后在项目中创建多个组件来表示不同的大屏，例如Screen1和Screen2。接着，在路由配置中定义不同的路径和对应的组件，例如：

import Vue from 'vue'
import Router from 'vue-router'
import Screen1 from './components/Screen1.vue'
import Screen2 from './components/Screen2.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/screen1',
      name: 'Screen1',
      component: Screen1
    },
    {
      path: '/screen2',
      name: 'Screen2',
      component: Screen2
    }
  ]
})

最后，在页面中使用router-view组件来显示当前路径对应的组件，例如：

<template>
  <div>
    <router-link to="/screen1">大屏1</router-link>
    <router-link to="/screen2">大屏2</router-link>
    <router-view></router-view>
  </div>
</template>

这样，您就可以通过点击不同的链接来切换不同的大屏了。