1.宣告式渲染
採用模板語法來將資料渲染進dom系統
}<
/div>
data()
},
"message"
>
提示資訊
<
/span>
data()
},
"seen"
>
}<
/div>
data()
},
for=
"item in todos"
:key=
"item"
>}--
}<
/li>
<
/ul>
data()
,,],
}}
}<
/div>
"reversemessage"
>反轉訊息<
/button>
//反轉訊息 -->
<
/div>
data()
, methods:
}}vue 還提供了 v-model 指令，它能輕鬆實現表單輸入和應用狀態之間的雙向繫結。
}<
/p>
"model"
>
<
/div>
data()
},
2、created（建立後）
3、beforemount（載入前）
4、mounted（載入後）
5、beforeupdate（更新前）
6、updated（更新後）
7、beforedestroy（銷毀前）
8、destroyed（銷毀後）
vue第一次頁面載入會觸發的鉤子函式
beforecreate、created、beforemount、mounted
dom渲染在 mounted週期中就完成了
Vue動態事件繫結
isi 寫了乙個樣式用來繫結 下面看data data 將樣式繫結給資料模型 class div 我們要知道class物件繫結得方式如下 陣列方式 看方式 class msg div 看data data 這裡用第乙個案例的樣式 我們將樣式直接繫結給msg表示式 這裡我們新增乙個為isi2的樣式 i...
事件迴圈以及DOM渲染
單執行緒 非同步的設計 js是單執行緒的，這主要是由於web的特殊性，為了大量io操作，也為了避免各類衝突，js需要通過大量同步非同步操作達到頁面效果。事件事件有很多種，觸發 產生事件的方式也有很多，包括 滑鼠 鍵盤等io操作的事件，瀏覽器的一些操作事件 操作dom，或者window繫結產生的事件 ...
繫結事件 事件佇列 事件迴圈
一 繫結事件 1.html元素內繫結 2.js繫結事件 3.事件監聽繫結 1 點我一哈 2 我是js事件 3 我是監聽事件 4 二 定時器 1.settimeout延時器，延時執行，只執行一次 語法 settimeout callback,delay 2.清除延時器 cleartimeout 定時器...