jQuery需要一个带有vue原生文档的窗口

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>

<template>
  <div>
    <button @click="openWindow">打开窗口</button>
    <div id="jquery-window"></div>
  </div>
</template>

<script>
export default {
  methods: {
    openWindow() {
      // 在这里使用jQuery创建窗口
      $('#jquery-window').dialog();
    }
  }
}
</script>

<template>
  <div>
    <h1>Vue原生文档</h1>
    <router-view></router-view>
  </div>
</template>

<script>
import Vue from 'vue';
import VueRouter from 'vue-router';
import YourComponent from './YourComponent.vue';

Vue.use(VueRouter);

const routes = [
  {
    path: '/',
    component: YourComponent
  }
];

const router = new VueRouter({
  routes
});

new Vue({
  router
}).$mount('#app');
</script>