AngularJSプロジェクトをVue2に変換しています。
私の戦略は、AngularJSにルーティングを処理させ、各角度ビュー内の個々のコンポーネントをゆっくりと交換することです。
私のmain.ts
ファイルでは、次のようなグローバルコンポーネントをインポートして定義しています。
import LoginForm from './components/LoginForm.vue';
Vue.component('LoginForm', LoginForm);
関連するAngularコントローラーが読み込まれたら、JavaScriptを実行してVueコンポーネントを手動でマウントしたいと思います。
これは良いアプローチですか?
以前に登録したコンポーネントを手動でマウントするにはどうすればよいですか?
Vue.somehowGetComponent('LoginForm').mountTo('#login-form');
この目的のためにグローバルコンポーネントとして登録することはしません。インポートしてから、インスタンスを作成してマウントするだけです。例えば。
// import the component
import LoginForm from './components/LoginForm.vue';
// If you haven't already, must call `Vue.extend` on LoginForm before its instantiation
const myLoginForm = new LoginForm();
// mount to your legacy app
myLoginForm.$mountTo(document.getElementById('login-form'));
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加