02指令的學習

2021-10-08 03:42:03 字數 1693 閱讀 3535

指令的學習,基本**如下。

1.v-cloak能夠解決插值表達似式閃爍問題

2.預設 v-text 是沒有閃爍問題的,只會覆蓋元素中

原本的內容,但是插值表示式只會替換自己的佔位符,不回將整個元素內容清空

3.v-html也會覆蓋所有內容,但是會將msp下的內容以html的形式輸出

4.v-bind:是vue中,提供給的用於繫結屬性的指令

5. v-on:事件繫結機制 也等同於@

實現如下:

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

document<

/title>

[v-cloak]

<

/style>

<

/head>

>

-----}

++++

++<

/p>

<

!-- v-cloak能夠解決插值表達似式閃爍問題 --

>

'msg'

>=

*****=

=<

/h4>

<

!--預設 v-text 是沒有閃爍問題的,只會覆蓋元素中

原本的內容,但是插值表示式只會替換自己的佔位符,不回將整個元素內容清空 --

>

'msg2'

>

<

/div>

<

!--v-html也會覆蓋所有內容,但是會將msp下的內容以html的形式輸出--

>

<

!-- v-bind:是vue中,提供給的用於繫結屬性的指令 --

>

"button" value=

"按鈕" v-bind:title=

'mytitle'

>

<

!-- v-bind等同於 : --

"button" value=

"按鈕"

:title=

"mytitle+'123'" id=

"btn"

>

<

!-- v-on:事件繫結機制 也等同於@--

>

"button" value=

"按鈕" v-on:click=

"show"

>

"button" value=

"按鈕" @click=

"show"

>

<

/div>

"./js/vue.js v2.6.11.js"

>

<

/script>

<

/body>

var vm=

newvue(,

methods:}}

)// document.getelementbyid('btn').οnclick=function()

<

/script>

<

/html>

實現效果如下:

VIM 02 指令拓展

1 使用 o 按鍵,在當前游標下面插入一行。2 使用 shift o 按鍵,在當前游標上面插入一行。3 使用 shift p 按鍵,複製當行在游標的上一行。4 使用 a 按鍵,在游標後 insert。5 使用 shift a 按鍵,在當前行末 insert。6 使用 shift i 按鍵,在當前行首...

angular學習筆記(6) 指令

angular1學習筆記 6 指令 restrict 匹配模式 1.a 屬性 2.m 注釋 3.e 元素 4.c 樣式類 注釋留空兩邊 推薦使用元素和屬性的方式使用指令 當需要建立帶有自己的模板的指令時,使用元素名稱的方式建立指令 當需要為已有的html標籤增加功能時,使用屬性的方式建立指令 sco...

8086指令速查

一 資料傳輸指令 它們在存貯器和暫存器 暫存器和輸入輸出埠之間傳送資料.1.通用資料傳送指令.mov 傳送字或位元組.movsx 先符號擴充套件,再傳送.movzx 先零擴充套件,再傳送.push 把字壓入堆疊.pop 把字彈出堆疊.pusha 把ax,cx,dx,bx,sp,bp,si,di依次壓...