VUE學習(三)語法

2022-06-07 15:54:14 字數 715 閱讀 2628

模板語法 mustache 語法

1、插值 

這個將不會改變: }span>

v-once,一次性,否則就會繫結

}  輸出的是文字

如果想輸出html   v-html   注意,你不能使用v-html來復合區域性模板,因為vue 不是基於字串的模板引擎

你的站點上動態渲染的任意 html 可能會非常危險,因為它很容易導致 xss 攻擊

。請只對可信內容使用 html 插值,絕不要對使用者提供的內容使用插值。

2、js表示式

js表示式有哪些?

3、指令

v-bind  : 資料繫結

v-on   @   事件繫結

v-if   根據繫結的值的真假,判斷是否顯示,或者是否插入或者移除元素

現在你看到我了

這裡,v-if 指令將根據表示式 seen 的值的真假來插入/移除 元素。

v-for   迴圈

4.引數

...

...

href  dosomething 是引數

動態引數,感覺用的不多,後面用的時候再鞏固吧

5、修飾符  .

Vue基礎語法(上) vue學習筆記

剛接觸一門程式語言或者框架,我們都應該先熟悉其基本語法,以及使用框架的基礎步驟,即使你是程式設計高手,熟悉並且熟練使用這些語法之後,首先可以提高編碼效率,其次,編碼的過程中也會運用的得心應手,順手拈來!學習基本語法,我們就以標籤引入html檔案的方式來學習,這樣對學習語法更加簡潔直觀,後邊再學習到工...

Vue系列之模板語法(三)

之前的兩篇對vue做了整體和基礎的介紹,今天主要講解一下vue的基礎語法之一 html模板。vue.js 使用了基於 html 的模板語法,允許開發者宣告式地將 dom 繫結至底層 vue 例項的資料,將模板編譯成虛擬 dom 渲染函式。結合響應系統,智慧型地計算出最少需要重新渲染多少元件,並把 d...

Vue基礎 三 模板語法 二

vue是通過指令v on來繫結事件的,例如最常用的點選方法 v on click。我們也可以縮寫為 click 來個簡單的案例 點選點選1 點選2點選3 執行的效果 可以看到,四種寫法都可以實現點選事件的繫結,並且this指向的是vue的例項物件。前面兩個方案能將num值改變,但是我們不推薦這麼寫,...