在vue.js中核心的一點(diǎn)就是組件化的思想,也就說(shuō)說(shuō)頁(yè)面上的所有東西都可以看作是一個(gè)組件.組件也可以嵌套組件.由眾多的組件組成了N多完整的頁(yè)面.
我們已經(jīng)知道了在vue.js中組件的后綴就是mycompont.vue這樣的一個(gè)東西.那么他是怎么編譯成瀏覽器可以認(rèn)識(shí)的HTML和CSS和JS呢?答案就是webpack!正是由這個(gè)東西來(lái)完成了組件的編譯工作,壓縮合并的一些功能.看下面的圖示:
關(guān)于構(gòu)建工具
在這個(gè)前端飛速發(fā)展的年代如果你還沒有用過(guò)構(gòu)建工具,那么真的就out了.在我們自己的極服務(wù)項(xiàng)目中我使用的是Gulp來(lái)做工程構(gòu)建.而現(xiàn)在流行的webpack也是具有這樣的功能很流行的一個(gè)構(gòu)建工具.他可以幫你壓縮,合并,熱更新,執(zhí)行某些編譯工作.
作為一名合格的前端,必須要掌握一個(gè)構(gòu)建工具的使用.對(duì)于入門使用強(qiáng)烈推薦Gulp,簡(jiǎn)單容易配置.學(xué)會(huì)之后如果有興趣還可以去學(xué)習(xí)webpack或者是fis3
最簡(jiǎn)單的vue.js模板渲染案例
最簡(jiǎn)單的莫屬最經(jīng)典的Hello World了,看下面的圖示:
通過(guò)上圖可以很明顯的看到vue.js的MVVM的實(shí)現(xiàn)過(guò)程,很容易看懂,這里就不再贅述了,這就是一個(gè)最基本的vue.js的模板渲染.
最后
這一節(jié)內(nèi)容很少,簡(jiǎn)單的介紹了一些入門的概念,和強(qiáng)調(diào)了構(gòu)建工具在項(xiàng)目中使用的重要性.
