day1 條件渲染,列表渲染,模板語法,計算屬性

2021-10-22 15:10:11 字數 716 閱讀 9915

1.mvvm 和 mvc  

2.資料雙向繫結,減少不必要的dom操作。資料驅動。  

3.虛擬dom。一次性拼裝完,然後整體送過去。

4.v-if:不顯示時,第一次就直接不渲染,如果內容已經顯示將其改為不顯示,將內容直接從dom去除,只是渲染1次的內容用v-if。

v-show:不顯示時,就會改為display:none,但是會渲染在dom上。反覆需要切換的內容,使用v-show。

4.1前端渲染和後端渲染的區別。前端渲染即時的,不需要重新整理頁面。後端渲染之後,必須重新整理頁面才能看到變化。

5.. 最後乙個保證改變時重新渲染。

如果動態繫結key,登入頁的框填了東西,切換到註冊頁,填的東西依然還在。

登入頁填了「大蜀山」,切換到註冊頁

繫結變數,比如index, :key = "index",key前面有冒號。  

6.v-once 一次性插入,不再修改。

7.v-bing: 簡寫:,動態繫結。

8.v-on:click簡寫@click.

9。計算屬性儲存需要重複計算的結果,到時候直接渲染 。專門用於計算的函式中,寫在compute裡。

Vue 模板渲染 條件渲染 列表渲染

當獲取到後端資料後,我們會把它按照一定的規則載入到寫好的模板中,輸出成在瀏覽器中顯示的 html,這個過程就稱之為渲染。而 vue.js 是在前端 即瀏覽器內 進行的模板 渲染。1.前後端渲染對比 前端渲染 的優勢 是在瀏覽器裡利用 js 把資料和 html 模板進行組合,業務分離,後端只需要提供資...

04 條件渲染

單個元素渲染 v if v else 單個元素渲染 v if v else if v else 用v if 跟著v else,其中如果沒有v if或v else if v else不會被識別。多個元素渲染 第乙個第二個 第三個 第四個 在單個元素渲染的基礎上新增乙個template標籤,而且這個標籤...

Vue3 條件渲染 與 列表迴圈渲染

列表迴圈渲染 v if與v show控制渲染的機制的區別當它們的引數值是true時,毫無疑問對應的元件便是展示的 data template luelueluelielielie bye bye!效果 當它們的引數值是false時,v if通過直接暴力去除對應dom元件的形式 隱藏 元件,而v sh...