第乙個Vue程式

2022-02-25 13:34:32 字數 1123 閱讀 4280

在 mvvm 框架中,view(檢視) 和 model(資料) 是不可以直接通訊的,在它們之間存在著 viewmodel 這個中間介充當著觀察者的角色。當使用者操作 view(檢視),viewmodel 感知到變化,然後通知 model 發生相應改變;反之當 model(資料) 發生改變,viewmodel 也能感知到變化,使 view 作出相應更新。這個一來一回的過程就是我們所熟知的雙向繫結。

vue是viewmodel的實現者,能監聽dom的變化,並通知資料傳送變化。並且資料傳送變化時,能自動繫結到頁面上,實現雙向繫結。

在jquery時期,如果需要重新整理ui時,需要先取到對應的dom再更新ui,這樣資料和業務的邏輯就和頁面有強耦合。

在mvvm中,ui是聽資料驅動的,資料一旦改變就會重新整理相應的ui,ui變化也會改變相應的資料。這種方式在開發中只需要關心資料的變化,不用直接去操作dom。並且可以將一些可復用的邏輯放在乙個viewmodel中,多個view復用這個viewmodel。

第乙個Vue程式

1 匯入vue.js檔案 2 建立vue01.html doctype html en utf 8 title title 導js庫 js vue.js script head 將來new的vue例項,會控制這個元素中的所有內容 p div var data 建立vue的例項,當我們匯入js庫後,在...

學習Vue(1) 第乙個Vue程式

vue.js 讀音 vju 類似於 view 是一套構建使用者介面的漸進式框架。vue 只關注檢視層,採用自底向上增量開發的設計。vue 的目標是通過盡可能簡單的 api 實現響應的資料繫結和組合的檢視元件。至於為什麼要學vue呢?一是因為vue是熱門的前端框架,而是可以通過vue來實現前後端分離。...

第乙個Vue應用

不管我們學習哪種語言,我們第乙個寫的估計就是hello world了,這裡我們也是先通過乙個簡單的html 開始,來對vue有乙個直觀的感覺。charset utf 8 vue 示例教程title head type text v model name placeholder 您的輸入 onkeyd...