VueJsランタイムコンポーネント

Question

現在のプロジェクトでVueJSを使用しています。新しいコンポーネントを登録しようとしたときに、<component></component>のようなランタイムエラーが発生しました。私はこのような要素レンダリングするために解決策を見つけた：

import App from './components/Example.vue' 

new Vue({ 
    el: '#app', 
    render: h => h(App) 
}) 

をそしてはいそれは動作しますが、それは本当に私のコンポーネントを描画するが、コンポーネントを登録すること方法に固執する方法はありますか？

私はWebPACKの中に追加するスクリプトについて読んだが、私は何を、どこでこれを実行するには、コードを実行するための私のスクリプトは本当にわからないんだけど：2があります（あまり変化を見て）

watchify src/app.js -t vueify -t babelify -p browserify-hmr -p [ vueify/plugins/extract-css -o public/styles.bundle.css ] -o public/app.bundle.js 

Answer 1

テンプレートのコンポーネントを必要な方法で使用できます。まず、コンポーネントをグローバルに登録できます。

これをテンプレートの<some-component></some-component>として使用できます。

第2に、コンポーネントをローカルに登録することができます。再び、あなたは唯一のルートVueの中で、<some-component></some-component>ように、テンプレートで使用することができ、

import SomeComponent from "./SomeComponent.vue" 

new Vue({ 
    components:{ 
     SomeComponent 
    } 
}) 

。それを他のコンポーネントで使用したい場合は、そのコンポーネントをインポートして、それを使用するコンポーネントのローカルコンポーネントに追加する必要があります。