首先前端項(xiàng)目默認(rèn)入口都是indexhtml 這里有個(gè)DIV的id為app，這里是vue的掛載點(diǎn)，后續(xù)views中的 vue文件都會(huì)掛載在這里程序運(yùn)行indexhtml后會(huì)尋找用到app的文件，即mainjs 這里創(chuàng)建了一個(gè)vue實(shí)例，掛載了#app，也就是。

#39vue$#39 #39vuedist#39 #39vuedist#39 for webpack 1 此時(shí)在運(yùn)行webpack 命令重新編譯，編譯后在訪問(wèn)indexhtml頁(yè)面，頁(yè)面內(nèi)容如下圖此時(shí)一個(gè)基于webpack的vue 項(xiàng)目就搭建好webpack的一些常用配置。

在項(xiàng)目開(kāi)發(fā)中，我們的項(xiàng)目一般分為開(kāi)發(fā)版測(cè)試版Pre版Prod版Vuecli的默認(rèn)環(huán)境一只有dev和prod兩個(gè)，之前每次要發(fā)布測(cè)試版或Pre版都是修改了源碼中API地址后打包，這樣很麻煩如果能根據(jù)不同環(huán)境打包就完美了網(wǎng)上。

單獨(dú)的vue項(xiàng)目，不需要運(yùn)行環(huán)境的，直接打開(kāi)即可就是不知道項(xiàng)目中是不是使用了其他的東西。

這次給大家?guī)?lái)實(shí)戰(zhàn)項(xiàng)目中如何使用vue組件，實(shí)戰(zhàn)項(xiàng)目中使用vue組件的注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來(lái)看一下一遞歸組件組件在它的模板內(nèi)可以遞歸地調(diào)用自己， 只要給組件設(shè)置name 的選項(xiàng)就可以了示例如下 lt。