學習vue第一天

2021-09-28 11:13:19 字數 911 閱讀 9505

一.框架和庫的區別。

框架:是一套完整的解決方案;對專案的侵入性較大,專案如果需要更換框架,則需要重新架構整個專案。 例如:node 的 express框架

庫(外掛程式):提供某乙個小功能,對專案的侵入性較小,如果某個庫無法完成某些需求,可以很容易切換到其它庫實現需求.例如:jquery、 zepot—移動端(0.4s延遲)等。

1二.前端3大框架。

(1)v-html原始html:取值為乙個帶有html標記**的變數,該指令會將變數中的html**翻

②v-once一次性繫結修飾符:該指令無需取值,讓雙向繫結變為單向繫結,直接新增到開始標籤即可。

③v-pre跳躍編譯修飾符:該指令無需取值,跳過文字插值的編譯過程,顯示文字原樣。即跳過這個元素和它的子元素的編譯過程,用來顯示原始

④v-bind動態屬性:常用於動態繫結html元素的屬性,例如id、class、href、src等屬性。改變任一方資料後都會實時更新。

⑤v-on事件繫結—>監聽dom事件

vue.js語法糖:

vue 為 v-bind 和 v-on 這兩個最常用的指令,提供了語法糖,也可以說是特定簡寫。

①v-bind:可以省略v-bind,直接寫乙個冒號。

②v-on:可以省略v-on,直接寫乙個@。

Vue學習 第一天

p 將資料填充到html標籤中 color yellow p div vue.js script var myvue newvue script 這樣,乙個簡單的 hello world 就出現了。接著vue的特色 資料雙向繫結。也就是資料模型 model 與檢視 view 元件的協同。這裡就引出了...

Vue基礎第一天

foreach function value,index 4 1.filter 過濾器 filter function item,index let arr 1,2,3,4,5,arr.filter function item,index 4 2.map 對映 對於陣列的對映map function...

Vue筆記第一天

v if和v show v if 如果為true 相當於div.style.display block 如果為false 相當於div.style.display none 陣列 物件的插值v for v for item,index in arrs v for 的優先順序高於v if v show...