Vue的學習筆記(上篇)

2022-07-14 17:15:14 字數 1383 閱讀 9011

vue 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與現代化的工具鏈以及各種支援類庫結合使用時,vue 也完全能夠為複雜的單頁應用提供驅動。

v-model指令是:它負責監聽使用者輸入事件,從而更新資料,並對一些極端場景進行一些特殊的處理。使用v-model指令,可以實現表單元素和model中資料的雙向資料繫結,v-model只能運用在表單元素中。

怎麼使用v-model指令?

1、首先建立乙個元件,在src/components/資料夾下新建乙個day01.vue。

2、在day01.vue寫p元素和input元素,在input元素使用v-model。

**如下圖所示:

效果圖:

1、在template裡實現頁面布局;

2、在data定義n1和n2表示第乙個數和第二個數,result表示結果、opt表示加減乘除;

3、在methods裡處理自定義的方法,使用swith表示式實現加減乘除。

**如下圖所示:

效果圖:

1、 給跑馬燈滾動按鈕,繫結乙個點選事v-on或@;

3、為了實現點選下按鈕,自動擷取的功能,放到乙個定時器中去;

**如下圖所示:

效果圖:

1、使用v-model 指令,實現表單元素和 model 中資料的雙向資料繫結,v-model只能運用在表單元素中。使用v-model實現簡單的計算器,對v-model進一步的了解。

2、**比較簡單,希望可以幫助到你。

想學習更多python網路爬蟲與資料探勘知識,可前往專業**:

JDBC學習筆記 上篇

二 獲取連線connection 三 得到執行sql語句的物件statement 四 執行sql語句,並返回結果 五 處理結果集 查詢得到的resultset 總結記錄一下jdbc的學習筆記,mysql版本5.7,驅動版本5.1.47 1.註冊驅動的方式如下 drivermanager.regist...

《C 沉思錄》學習筆記 上篇

1.2 說了 hello world 後再做什麼 32 2.技術 27 30 2.2 在簇中分配物件 28 2.3 應用器 操縱器和函式物件 29 2.4 將應用程式從輸入輸出中分離出來 30 3.庫 23 26 3.3 庫設計就是語言設計 3.4 語言的設計就是庫的設計 4.碎碎念 因為肺炎的事情...

《漫畫演算法》筆記 上篇

漫畫演算法 小灰的演算法之旅 魏夢舒 程式設計師小灰 著 小灰用漫畫 可愛的手繪小倉鼠 的形式,給演算法這顆 炮彈 包上了 糖衣 讓演算法的為力潛藏於內,外表不再嚇人,變得萌萌噠,q彈可愛。本書通過主人公小灰,用漫畫的形式講述了演算法與資料結構的基礎知識 複雜多變的演算法面試及演算法的實際應用。學習...