漸進(jìn)式JavaScript指的是可以由淺入深,由簡單到困難的一種方式,“vue.js”就是一種漸進(jìn)式JavaScript框架;漸進(jìn)式也就是階梯式向前,例如vue的漸進(jìn)式表現(xiàn)在聲明式渲染、組件系統(tǒng)、客戶端路由、大數(shù)據(jù)裝填管理、構(gòu)建工具。
本教程操作環(huán)境:windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。
什么叫漸進(jìn)式j(luò)avascript
vue.js是一款漸進(jìn)式的JavaScript框架。
什么是漸進(jìn)式?
漸進(jìn)式就是指可以由淺入深的,由簡單到困難的一種方式。
漸進(jìn)式:就是階梯式向前,vue是輕量級的,它有很多獨(dú)立的功能或庫,我們會(huì)根據(jù)我們的項(xiàng)目來選用vue的一些功能,我們開發(fā)項(xiàng)目時(shí),只用到vue的聲明式渲染,我就只用vue的聲明渲染,而我們要用它的組件系統(tǒng),我們可以使用它的組件系統(tǒng)。
Vue的漸進(jìn)式表現(xiàn):
聲明式渲染—-組件系統(tǒng)—–客戶端路由——大數(shù)據(jù)裝填管理——-構(gòu)建工具
聲明式渲染:
// 引入vue <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> // html <div id="app"> {{ msg }} </div> // js <script> var app = new Vue({ el: '#app', data: { msg: 'Hello Vue!' } }) </script>
組件化應(yīng)用
可將上述每個(gè)聲明式的方式的文件當(dāng)成一個(gè)組件,一個(gè)項(xiàng)目中可有多個(gè)組件相互構(gòu)成,盜用官網(wǎng)上的一張圖來說明
客戶端路由: 通過使用其路由的特性實(shí)現(xiàn)單頁面應(yīng)用
集中式狀態(tài)管理: 也就是vue中的vuex的概念
項(xiàng)目構(gòu)建: 這一般是一個(gè)在大型的項(xiàng)目中由開發(fā),打包,部署,上線等流程
漸進(jìn)式總結(jié): 從使用vue的方式上來進(jìn)行區(qū)分定義的,也可以單獨(dú)使用vue中的api,也可以使用vue中的底層服務(wù),所以也可以這么說vue即是庫又是框架。
【