
1.什么是解耦合什么是耦合?
是指兩個或兩個以上的體系或兩種運動形式間通過相互作用而彼此影響以至聯(lián)合起來的現(xiàn)象。
解耦就是用數(shù)學(xué)方法將兩種運動分離開來處理問題。
2.Vue.JS
Vue.js是一個構(gòu)建數(shù)據(jù)驅(qū)動的 web 界面的漸進(jìn)式框架。Vue.js 的目標(biāo)是通過盡可能簡單的 API 實現(xiàn)響應(yīng)的數(shù)據(jù)綁
定和組合的視圖組件。它不僅易于上手,還便于與第三方庫或既有項目整合。
?3.MVVM模式
MVVM是Model-View-ViewModel的簡寫。它本質(zhì)上就是MVC 的改進(jìn)版。MVVM 就是將其中的View 的狀態(tài)和行為抽象化,讓我們將視圖 UI 和業(yè)務(wù)邏輯分開
MVVM模式和MVC模式一樣,主要目的是分離視圖(View)和模型(Model)
Vue.js 是一個提供了 MVVM 風(fēng)格的雙向數(shù)據(jù)綁定的 Javascript 庫,專注于View 層。它的核心是 MVVM 中的 VM,也就是 ViewModel。 ViewModel負(fù)責(zé)連接 View 和 Model,保證視圖和數(shù)據(jù)的一致性,這種輕量級的架構(gòu)讓前端開發(fā)更加高效、便捷
4.插值表達(dá)式
數(shù)據(jù)綁定最常見的形式就是使用“Mustache”語法 (雙大括號) 的文本插值,Mustache 標(biāo)簽將會被替代為對應(yīng)數(shù)據(jù)對象上屬性的值。無論何時,綁定的數(shù)據(jù)對象上屬性發(fā)生了改變,插值處的內(nèi)容都會更新。
Vue.js 都提供了完全的 JavaScript 表達(dá)式支持。
這些表達(dá)式會在所屬 Vue 實例的數(shù)據(jù)作用域下作為 JavaScript 被解析。有個限制就是,每個綁定都只能包含單個表達(dá)式,所以下面的例子都不會生效。
v-if與v-show
v-if是根據(jù)表達(dá)式的值來決定是否渲染元素
v-show是根據(jù)表達(dá)式的值來切換元素的display css屬性
5.什么是axios
Axios 是一個基于 promise 的 HTTP 庫,可以用在瀏覽器和 node.js 中
Vue 只關(guān)注視圖層, 采用自底向上增量開發(fā)的設(shè)計。
視圖層:
那么HTML中的DOM其實就是視圖,一個網(wǎng)頁就是通過DOM的組合與嵌套,形成了最基本的視圖結(jié)構(gòu),再通過CSS的修飾,在基本的視圖結(jié)構(gòu)上“化妝”讓他們看起來更加美觀。最后涉及到交互部分,就需要用到JavaScript來接受用戶的交互請求,并且通過事件機制來響應(yīng)用戶的交互操作,并且在事件的處理函數(shù)中進(jìn)行各種數(shù)據(jù)的修改,比如說修改某個DOM中的innerHTML或者innerText部分。
我們把HTML中的DOM就可以與其他的部分獨立開來劃分出一個層次,這個層次就叫做視圖層。
MVVM
是Model-View-ViewModel 的縮寫,由 Model,View,ViewModel 三部分構(gòu)成,Model 層代表數(shù)據(jù)模型,也可以在Model中定義數(shù)據(jù)修改和操作的業(yè)務(wù)邏輯;View 代表UI 組件,它負(fù)責(zé)將數(shù)據(jù)模型轉(zhuǎn)化成UI 展現(xiàn)出來,ViewModel 是一個同步View 和 Model的對象。它是一種基于前端開發(fā)的架構(gòu)模式,其核心是提供對View 和 ViewModel 的雙向數(shù)據(jù)綁定,這使得ViewModel 的狀態(tài)改變可以自動傳遞給 View,即所謂的數(shù)據(jù)雙向綁定。