Vue模板語法

2022-07-11 16:00:15 字數 1065 閱讀 8918

1.如何理解前端渲染？

把資料填充到html標籤中

2.前端渲染方式

3.原生js拼接字串

基本上就是將資料以字串的方式拼接到html標 籤中，前端**風格大體上如下所示。

var d = data.weather;


var info = document.getelementbyid('info');


info.innerhtml = '';


for(var i=0;i
}索引 } ：}}}

​5.模板語法概覽

1.什麼是指令？

2. v-cloak指令用法

官網：3.資料繫結指令

v-text

v-html

v-pre

4.資料響應式

v-once

v-once的應用場景:如果顯示的資訊後續不需要再修改，你們可以使用v-once,這樣可以提高效能。

1.v-model

2.mvvm

v view 檢視

vm （view-model） 控制器 將資料和檢視層建立聯絡

1.vue如何處理事件？

v-on指令用法

v-on簡寫形式

2.事件函式的呼叫方式

hello


say hi
3.v-on事件函式中傳入引數

4.事件修飾符

a>


​

VUE 模板語法

message span 雙大括號裡面的內容會被替換成msg的變數值，在msg變數值改變的時候會自動更新html裡的內容 只輸出純文字文字，不會有html效果，為了輸出html需要用到v html指令 using mustaches p using v html directive v html r...

Vue模板語法

插值v html指令 我們可以在js裡自定義html 屬性v bind 簡寫 我們可以可以指定標籤的一些屬性給它們賦值，還有v model也是賦值，但是它會影響整個所有它定義的那個資料，而不只是乙個 v bind 與v model的區別 v model是做資料雙向繫結的指令 v bind只是將對應的...

Vue模板語法

vue.js使用基於html的模板語法，允許開發者宣告式地將dom繫結到底層vue例項。所有vue.js的模板都是合法的html，所以能被遵循規範的瀏覽器和html解析器解析。在底層的實現上，vue將模板編譯成虛擬dom渲染函式。結合響應系統，在應用狀態改變時，vue能智慧型地計算出重新渲染元件的最...