1. 程式人生 > >Vue2.0 實戰項目(二) 分析Vue如何運行

Vue2.0 實戰項目(二) 分析Vue如何運行

app nbsp blog 加載 mage 如何 height 2.0 項目創建

項目創建成功後在瀏覽器中打開項目。

技術分享

進入頁面首先加載index.html和main.js文件。、

main.js文件中給id=“app”的div創建一個Vue的實例,該實例中有一個名叫“APP”的組件,該組件通過vue-router將Hello.vue中的模板註入到App.vue的模板中。

index.html

技術分享

main.js

技術分享

App.vue

技術分享

router文件夾下的index.js

技術分享

最後就是Hello.vue

技術分享

Vue2.0 實戰項目(二) 分析Vue如何運行