Vue3에서 second.html을 사용하여 애플리케이션을 동적으로 실행합니다.

Question

저는 vue3 프로젝트를 개발 중입니다.

main.js;

으아악

그리고 내 public/index.html

으아악

그리고 내 App.vue;

으아악

내 상점 개체;

으아악

그리고 내 두 번째 .html;

으아악

OpenNewPage 메소드를 사용하여 두 번째 화면을 열면 스토어 개체에 접근할 수 없고 사용하려는 구성 요소가 작동하지 않습니다. 노력 중이에요 ;

두 번째.js

으아악

그리고 나의 방법

으아악

어떻게든 second.html에서 실행을 시도했지만 "[Vue 경고]: 응용 프로그램을 설치할 수 없습니다: 대상 선택기 설치 중"과 같은 경고가 표시되었습니다. 어쨌든 코드가 작동하지 않습니다. 도와주세요?

Answer 1

openNewPage() 无法为新打开的页面运行脚本；只有新页面可以运行自己的脚本。当 openNewPage() 尝试 app2.mount(), (새 페이지 대신) 자체 페이지에서 코드를 실행하여 관찰한 오류가 발생합니다.

솔루션

새 페이지만 열리도록 openNewPage()에서 마운트 코드를 제거하세요.

으아아아

업데이트second.html以加载挂载应用的脚本，并删除<div id="appSecond">中不必要的<template>:

으아아아

second.js에서 앱을 설치하는 코드를 추가하세요.

으아아아