Vue項(xiàng)目—注冊(cè)Vue組件
在Vue中,注冊(cè)Vue組件分為全局注冊(cè)和本地注冊(cè)。首先我們來(lái)看一下主組件,它一般包含template、script和style三個(gè)部分。 全局注冊(cè)組件 要進(jìn)行全局注冊(cè),在src文件夾下新建一個(gè)co
在Vue中,注冊(cè)Vue組件分為全局注冊(cè)和本地注冊(cè)。首先我們來(lái)看一下主組件,它一般包含template、script和style三個(gè)部分。
全局注冊(cè)組件
要進(jìn)行全局注冊(cè),在src文件夾下新建一個(gè)components文件夾,并在其中創(chuàng)建組件。在文件中,我們只需要放置一個(gè)h1標(biāo)簽。
接下來(lái),在同樣的components文件夾中創(chuàng)建和組件。在文件中,我們放置一個(gè)h3標(biāo)簽;在文件中,我們也放置一個(gè)h3標(biāo)簽。
然后,在主文件main.js中,按照紅色箭頭2的方式引入組件,并按照紅色箭頭3的方式注冊(cè)組件。這樣就實(shí)現(xiàn)了全局注冊(cè),所有的Vue實(shí)例都可以使用這些組件。
最后,在中直接使用在main.js文件中注冊(cè)的組件。
通過(guò)在瀏覽器中查看結(jié)果,我們可以確認(rèn)全局注冊(cè)組件成功。