本文實(shí)例講述了VUE 自定義組件模板的方法。分享給大家供大家參考,具體如下:
藤縣網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)公司!從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作,到程序開(kāi)發(fā),運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)公司2013年開(kāi)創(chuàng)至今到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。先說(shuō)下需求吧,因?yàn)榭蛻?hù)的用戶(hù)群比較大,如果需求變動(dòng),頻繁更新版本就需要重新開(kāi)發(fā)和重新發(fā)布,影響用戶(hù)的體驗(yàn),考慮到這一層就想到,頁(yè)面展示效果做動(dòng)態(tài)可配,需求更新時(shí),重新配置一份模板錄入到數(shù)據(jù)庫(kù),然后根據(jù)用戶(hù)選擇的模板進(jìn)行展示。
關(guān)于頁(yè)面展示做的動(dòng)態(tài)可配,我是參考vue的Component組件方式,開(kāi)始時(shí)可能會(huì)遇到組件定義后不能加載的情況,并在控制臺(tái)如下錯(cuò)誤:You are using the runtime-only build of Vue where the template compiler is not available.......解決辦法,如下圖文件中添加 'vue$': 'vue/dist/vue.esm.js', 即可,具體原因自行百度吧。
開(kāi)始上代碼:
1.最初版本的代碼,這個(gè)是剛開(kāi)始的時(shí)候測(cè)試一些想法