hello.vueファイルを作成しましたが、これをhtmlファイルでどのように使用するのですか？私はすでにウェブパックをセットアップしました。htmlで.vueファイルを使用するには？
<template>
<p>Hello</p>
<p>{{message}}</p>
</template>
<script>
module.exports = {
data: {
message: 'hello'
}
}
</script>
<style>
p {
font-size: 14px
}
</style>
どのように使いたいですか？
公式の例からのデモンストレーション：vue-hackernews-2.0。これはコンポーネントであるので、あなたはthisのような別のVUEファイルにcomponentをインポートします。
import Comment from '../components/Comment.vue'
、あなたはthat vue instanceにコンポーネントのリストに追加します。あなたのようなHTMLでそれを使用することができるよりも
components: { Spinner, Comment },
this：
<comment v-for="id in item.kids" :key="id" :id="id"></comment>
あなたは自分のHTMLファイルにあなたの.jsバンドルされたファイルをインクルードする必要があるとマウンタのdivを含める - ので、Vueのは可能性がアプリの実行場所を知っている。あなたのインデックスファイルは、次のようなもの（のみ本体部を示す）
...
<body>
<div id="app"></div>
<script src="bundle.js">
</body>
...
に見える可能性が
あなたの主なVueのファイルは、次のようになりますことができます：
import Vue from 'vue'
import Hello from 'hello.vue'
const app = new Vue({
render: (h) => h(Hello)
}).$mount('#app')
そして、このように、あなたは他のすべてを保存することができますコンポーネントをhello.vueに追加します。
これはおそらく、SPAを構築するときに使用する方法です。
vue-cliを実行する必要がありますか？ – Martian2049
あなたは、HTMLファイル内のコンポーネントを使用すると、そのコンポーネントを新しいVue（）でコンポーネントとして使用することを意味しますか？ – Bert