首頁(yè) 猿問(wèn) 如何復(fù)用HTML模板代碼，比如頭部...

如何復(fù)用HTML模板代碼，比如頭部尾部等相同代碼的部分，具體怎么做?

Html5 JavaScript Vue.js

暗光學(xué)者 2019-07-29 14:14:08

請(qǐng)問(wèn)，如何復(fù)用HTML模板代碼模板怎么寫(xiě)，放在哪個(gè)文件夾如何引用這個(gè)模板工具條件：H5、原生JavaScript、vue.min.js、bootstrap

查看完整描述

1 回答

安浪創(chuàng)想

TA貢獻(xiàn)81條經(jīng)驗(yàn) 獲得超23個(gè)贊

這不要再用vue.min.js了。應(yīng)該向vue-cli看齊。

而模板新建一個(gè)vue文件就是一個(gè)組件了，vue文件里template標(biāo)簽下就是你需要復(fù)用的vue模板文件了。至于放在什么文件夾下，你就根據(jù)自己需求，在main.vue文件同級(jí)以及該文件目錄的子級(jí)目錄新建目錄放置都可以，引用就使用import導(dǎo)入即可。建議下載幾個(gè)開(kāi)源的vue項(xiàng)目學(xué)習(xí)吧。

而且使用vue就要改變jQuery方式使用了，強(qiáng)烈需要npm webpack工具鏈靠齊，至于npm webpack不必要過(guò)度擔(dān)心，跟著demo和文檔說(shuō)明操作就行了，一般新手只需要關(guān)心vue業(yè)務(wù)邏輯部分即可。

反對(duì) 回復(fù) 2019-07-30