在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 如何在傳統(tǒng)頁面中引入.vue文件?

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

如何在傳統(tǒng)頁面引入.vue文件?

回答
編輯回答
溫衫

.vue 文件實(shí)際是為了把vue組件化化的,如果不多的話,可以手動添加想要的組件,把組件的style 放到css文件中,模版和js放在組件中。
有兩種方式,一種是全局組件:

Vue.component('my-component', {
  template:'',
   data:function(){
     return {}
}
})

另一種是局部組件,
直接

  var   myComponentName = {
        template:"",
        data:function(){
        }
    }

希望能幫到你

2017年3月19日 21:20
編輯回答
夢囈

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

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

如果要當(dāng)作組件來用,那么樓上說的全局注冊也是個不錯的方法。

2017年2月7日 19:20