ジャスミンが単一ファイルのVueコンポーネントを読み込む方法を教えてください。

Question

私はjasmineとvueをnpmでインストールしましたが、.vueファイルであるコンポーネント自体をインポートすると、<template></template>タグの間にあるテンプレートを読み取ることができません。私もwebpackを使用していると私はそれで何かをする必要があるかどうかはわかりません。ここで

はVUEのコンポーネントファイルは、あなたがあなたのVueのアプリケーションの構築を開始するvue-cliとwebpack templateを使用する必要が

<template> 
    ... 
</template> 

<script> 
    export default { 
    name: 'test', 
    data: {}, 
    computed: {} 
    } 
</script> 

Answer 1

次のようになります。

Vue.jsを使い始めるだけの場合は、Vue.jsのstandalone versionに行きましょう。これは、スクリプトタグを使用してコンポーネントやテンプレートを使用して再生できる単純なjavascriptファイルです。

さまざまなコンポーネントを作成してテンプレートを定義することに慣れたら、vue-cliとwebpack templateから始めて、複雑なアプリケーションを構築できます。

Answer 2

.vueファイルはあなたがwebpackは、あなたがplain javascriptにあなたのテンプレートを変換するためにvue-loaderを使用する必要が使用している場合は、コンパイルする必要があり、内部vue-loaderはテンプレートタグの間のすべてのコードを取ると、render functionsに変換します。最初にsingle file componentsのドキュメントを見てそこから行くべきです。