MVVM是Model-View-ViewModel的縮寫,它是一種基于前端開發的設計模式,它能夠將前端開發的各個部分嚴格分離,在開發過程中很好地解決了前端組件之間的依賴問題,這是它在Vue.js開發中的重要一環。
在Vue.js開發中,我們一般使用MVVM來實現數據綁定,Vue.js通過綁定模板中的變量和JavaScript對象中的數據來實現數據驅動的UI更新,而這些數據通常存在于ViewModel層。
var vm = new Vue({ el: '#app', data: { message: 'Hello world!' } })
在Vue.js中,視圖(View)由模板(template)來描述,數據(Model)則被存儲在ViewModel中,在Vue.js中的ViewModel則被稱之為”實例(instance)“。
實例(instance)除了包含在MVVM中的ViewModel之外,還包括對視圖的操作(View)和組件的行為(Component)等內容。Vue.js在MVVM的基礎之上,擴展出了組件(Component)開發模式,使得我們可以更便捷高效地進行組件化開發。
Vue.component('my-component', { template: 'A custom component!' })
總之,在面試時如果考官詢問Vue.js中的MVVM實現,我們應該注意到ViewModel層的作用以及實例的概念,此外還需關注Vue.js擴展出的組件化開發模式。
上一篇html 設置div樣式
下一篇echart結合VUE