.vue 文件實(shí)際是為了把vue組件化化的，如果不多的話，可以手動(dòng)添加想要的組件，把組件的style 放到css文件中，模版和js放在組件中。

有兩種方式，一種是全局組件：

Vue.component('my-component', {

  template:'',

   data:function(){

     return {}

}

})

另一種是局部組件，

直接

  var   myComponentName = {

        template:"",

        data:function(){

        }

    }

希望能幫到你

.vue 文件意在方便用戶管理資源，降低以前資源分散導(dǎo)致的成本。從本質(zhì)上來(lái)看，它并不受 HTML 原生支持，所以不可能在傳統(tǒng)頁(yè)面中無(wú)痛引用。所以首先，題主需要改變思路，放棄在傳統(tǒng)頁(yè)面中引入 .vue 文件的想法，轉(zhuǎn)而考慮你的需求是什么，怎么最能滿足。

從我的角度來(lái)看，引入 .vue 是為了復(fù)用 vue 組件，尤其是別處已經(jīng)開(kāi)發(fā)完成的組件。那么這種情況明顯應(yīng)該“無(wú)論如何都要引用”，所以可以考慮用一個(gè)入口文件來(lái)導(dǎo)入并編譯這個(gè) .vue 文件。

如果要當(dāng)作組件來(lái)用，那么樓上說(shuō)的全局注冊(cè)也是個(gè)不錯(cuò)的方法。