如何使用Vue.js方法創(chuàng)建模板并使用多個(gè)模板合成

這篇文章主要介紹了如何使用Vue.js方法創(chuàng)建模板并使用多個(gè)模板合成，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)致力于網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì),成都網(wǎng)站設(shè)計(jì),集團(tuán)網(wǎng)站建設(shè)等服務(wù)標(biāo)準(zhǔn)化，推過標(biāo)準(zhǔn)化降低中小企業(yè)的建站的成本，并持續(xù)提升建站的定制化服務(wù)水平進(jìn)行質(zhì)量交付，讓企業(yè)網(wǎng)站從市場(chǎng)競(jìng)爭(zhēng)中脫穎而出。 選擇創(chuàng)新互聯(lián)，就選擇了安全、穩(wěn)定、美觀的網(wǎng)站建設(shè)服務(wù)！

JS是什么

JS是JavaScript的簡(jiǎn)稱，它是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，主要用于web的開發(fā)，可以給網(wǎng)站添加各種各樣的動(dòng)態(tài)效果，讓網(wǎng)頁更加美觀。

在vue.js定義模板時(shí)，可以定義多個(gè)模板，然后在components組件中調(diào)用模板，顯示在界面上，注意components后面是一個(gè)對(duì)象，而不是數(shù)組。下面利用實(shí)例說明，操作如下：

如何使用Vue.js方法創(chuàng)建模板并使用多個(gè)模板合成

第一步，在HBuilderX設(shè)計(jì)工具中，在指定的文件目錄下新建一個(gè)靜態(tài)頁面，并引入vue.js核心文件，如下圖所示：

如何使用Vue.js方法創(chuàng)建模板并使用多個(gè)模板合成

第二步，在<body></body>標(biāo)簽內(nèi)，插入一個(gè)div標(biāo)簽，并設(shè)置對(duì)應(yīng)的ID屬性，如下圖所示：

如何使用Vue.js方法創(chuàng)建模板并使用多個(gè)模板合成

第三步，接著在div標(biāo)簽中插入一個(gè)script標(biāo)簽，定義三個(gè)模板User、Student和Teacher，如下圖所示：

如何使用Vue.js方法創(chuàng)建模板并使用多個(gè)模板合成

第四步，使用vue.js對(duì)象實(shí)例化，添加一個(gè)el掛載節(jié)點(diǎn)，再添加一個(gè)components，如下圖所示：

如何使用Vue.js方法創(chuàng)建模板并使用多個(gè)模板合成

第五步，保存代碼并打開瀏覽器控制臺(tái)，結(jié)果出現(xiàn)了報(bào)錯(cuò)，components后面不能是數(shù)組，如下圖所示：

如何使用Vue.js方法創(chuàng)建模板并使用多個(gè)模板合成

第六步，返回到HBuilderX工具，修改components后面的對(duì)象，使用大括號(hào)，如下圖所示：

如何使用Vue.js方法創(chuàng)建模板并使用多個(gè)模板合成

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“如何使用Vue.js方法創(chuàng)建模板并使用多個(gè)模板合成”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

網(wǎng)站欄目：如何使用Vue.js方法創(chuàng)建模板并使用多個(gè)模板合成
本文鏈接：http://bm7419.com/article46/pphoeg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、移動(dòng)網(wǎng)站建設(shè)、域名注冊(cè)、小程序開發(fā)、網(wǎng)站營銷、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司