最近在學(xué)習(xí)vue.js，當(dāng)創(chuàng)建好一個(gè)webpack 項(xiàng)目后，vue實(shí)例是怎么顯示到網(wǎng)頁(yè)上的呢？
新建好后在你的 webpackProject 項(xiàng)目里面主要有以下的文件夾
build：在開(kāi)發(fā)階段不用管
config：配置目錄
node_modules：存放項(xiàng)目開(kāi)發(fā)的依賴模塊
src：開(kāi)發(fā)目錄，先在這里學(xué)習(xí)
static：靜態(tài)資源，圖片、字體可以放在這里
還有一個(gè)index.html 文件，這是首頁(yè)的入口
src文件夾下有 App.vue 和 main.js 兩個(gè)文件，App.vue就是個(gè)組件
app.vue
App.vue中可以寫(xiě) <template> 、js、<style>， 其中必須要有export default 來(lái)表示對(duì)外輸出本模塊
main.js是初始化vue實(shí)例并使用需要的插件
main.js
首先引入了Vue庫(kù)和App.vue，創(chuàng)建了一個(gè)vue實(shí)例，template 和 components 寫(xiě)入相應(yīng)的組件，并且選擇要掛載的元素
最后在首頁(yè) index.html中寫(xiě)入
<body>
? ? <div id="app"></div>
</body>
即可；
——? 在簡(jiǎn)書(shū)中記錄我的學(xué)習(xí)情況 ，以后繼續(xù)深入? ?——
