這篇文章主要介紹了vue.js中如何引入組件，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、豐南網(wǎng)絡(luò)推廣、微信小程序、豐南網(wǎng)絡(luò)營(yíng)銷、豐南企業(yè)策劃、豐南品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供豐南建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com

vue.js中引入組件的方法：1、創(chuàng)建自定義組件的文件夾；2、在要添加的頁(yè)中加入要引入的模塊；3、在index.vue中引入模塊；4、在index.vue頁(yè)面引入組件即可。

具體步驟如下：

1、首先在你的項(xiàng)目中專門創(chuàng)建一個(gè)放置自定義組件的文件夾（我是放在了components底下的common中，本文以table.vue為例）

2、然后在你要添加的頁(yè)中加入要引入的模塊,注意駝峰命名的方式（本文為例：，因?yàn)槲以诙xtable模塊的時(shí)候是定義name：v-table，所以引用的時(shí)候，也必須得用所在table模塊中name定義的名字）；

3、接著在index.vue中引入table.vue模塊

//index.vue 頁(yè)面 ，引入v-table模塊

     //這就是你引入的自定義模塊；注意是駝峰命名法

4、在index.vue頁(yè)面引入該組件(注意：table.vue，我是在index.vue頁(yè)面中添加了模塊,不是html標(biāo)簽，其實(shí)就是vue引入新的子組件）

//index.vue

提示：說(shuō)白了，自定義組件就好比封裝，把一些公共的模塊抽取出來(lái)，然后寫成單獨(dú)的的工具組件或者頁(yè)面，在需要的頁(yè)面中就直接引入即可。

另外，為了防止在同一頁(yè)面寫入過(guò)多的代碼，不方便后期維護(hù)，便可以把整個(gè)頁(yè)面分成多個(gè)小模塊，然后在主頁(yè)面進(jìn)行模塊引入，創(chuàng)建包括引入步驟都是一樣的。

比如：

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享vue.js中如何引入組件內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問(wèn)題就找創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

網(wǎng)頁(yè)名稱：vue.js中如何引入組件-創(chuàng)新互聯(lián)
當(dāng)前鏈接：http://weahome.cn/article/dejgcc.html