05 vue-cli如何運行


一、index.html

    index.html跟其他html一樣,只有一個空的根節點,提供main.js用來掛載實例,所有內容通過vue來填充。

  

 

  二、main.js

    main.js主要是引入vue框架,根組件及路由設置,並且定義vue實例。

      main.js在渲染的時候會被webpack打包成app.js在文件index.html中會被引入。      

三、App.vue

app.vue是根實例下的一個子組件,但是我們一般都將他作為頂級組件(或叫根組件),但是根組件只是相對而言的,下面我們就是將App.vue作為子組件來用

 總結:所謂的根組件或者頂級組件僅僅是相對而言的,因為main.js是入口文件不適合寫邏輯,所以下面分支出一個(App.vue),我們使用的時候就把這個子組件(App.vue)作為我們的頂級組件(邏輯上的)!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM