如何在傳統(tǒng)頁(yè)面中引入.vue文件？

.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)開發(fā)完成的組件。那么這種情況明顯應(yīng)該“無(wú)論如何都要引用”，所以可以考慮用一個(gè)入口文件來(lái)導(dǎo)入并編譯這個(gè) .vue 文件。

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