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

2021-10-02 06:20:16 字數 821 閱讀 3174

vue.js(讀音 /vjuː/, 類似於 view) 是一套構建使用者介面的漸進式框架。

vue 只關注檢視層, 採用自底向上增量開發的設計。

vue 的目標是通過盡可能簡單的 api 實現響應的資料繫結和組合的檢視元件。

至於為什麼要學vue呢?一是因為vue是熱門的前端框架,而是可以通過vue來實現前後端分離。

官方文件:

中文文件: 

菜鳥教程:

在使用之前,需要安裝vue.js。

引入**:

開啟網頁檢視如下,即引入成功

**如下:

可能載入有些慢,所以建議本地引入。

每個 vue 應用都需要通過例項化 vue 來實現。

語法格式如下:

var vm = new vue()
第乙個vue例項如下:

}"來輸出函式返回值,記住使用函式需要加小括號 -->

**解釋說明:

除了資料屬性,vue 例項還提供了一些有用的例項屬性與方法。它們都有字首 $,以便與使用者定義的屬性區分開來。

上面的例項html用瀏覽器開啟如下:

第乙個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程式

在 mvvm 框架中,view 檢視 和 model 資料 是不可以直接通訊的,在它們之間存在著 viewmodel 這個中間介充當著觀察者的角色。當使用者操作 view 檢視 viewmodel 感知到變化,然後通知 model 發生相應改變 反之當 model 資料 發生改變,viewmodel...

第乙個Vue應用

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