今天開始啃VUE(一)

2021-09-25 05:01:40 字數 2099 閱讀 5933

剛開始學,邊看邊博,

為了能直白的學習新的概念,我盡量把自己的理解轉化成白話

可能都是渣渣,也可能理解不到位,語句有不少問題

……等學到後期回頭再重新筆記一次

vue使用格式採用資料雙向繫結的方式來同步頁面

html中用}或指令等方式指定資料的位置,vue中例項化乙個物件,然後繫結元素,然後提供資料,最後頁面就能輸出資料了

vue裡的結構,類似物件例項,先vue例項化,然後裡面有各種物件,不同的操作指令與資料分放在不同的物件中,比如資料物件都在data裡,事件物件在methods裡,計算屬性在computed裡…等等

"new1"

>

>

}p>

div>

//2-vue中new乙個vue例項

var new1 =

newvue()

}

輸出結果:

我將直接展示在頁面中
vue一般資料繫結的三種方法

(1)} 雙花括號

用於直接頁面內容的輸出,括號內的name物件在vue例項中的data物件裡新增,該物件值會直接輸出到html的dom中

"new2"

>

>

}p>

div>

var new2 =

newvue()

}

(2)v-bind指令,元素屬性資料繫結

可與標籤元素的屬性資料繫結

(3)v-model指令,元素資料繫結

可與標籤元素的屬性資料繫結,以v-bind引入標籤內,對應的資料物件值即為指定屬性的值

"new3"

>

v-bind:href

='url'

>

a>

div>

var new3 =

newvue()

}

該指令在表示式結果返回truthy時渲染

"new4"

>

v-if

='role == "admin"

'>

管理員你好

div>

v-else-if

='其他值'

>

另外的情況

div>

v-else

>

您沒有許可權

div>

div>

var new4 =

newvue(}

)

可用於事件控制,v-on後面跟事件名,然後指定事件物件,vue裡事件物件都存在methods物件屬性中

"new5"

>

v-on:click

='onclick'

v-on:',

onenter:

function()

, onout:

function()

,}})

該指令一般用於表單元素,特別是需要互動的元素,如input/textarea/select標籤,表單資料產生變化時應用,資料型別物件存在data物件屬性中。

'new6'

>

}div

>

var new6 =

newvue()

}

看成指令的附加屬性,對資料有一定的操作,例如資料取整、資料格式轉為number型別等,使用方法在指令後跟』.修飾符名』即可

"new7"

>

type

="text"

v-model.number

='idnumber'

/>

}>

div>

今天開始啃VUE(二)

隔幾天碼一點 v bind的縮寫 v bind arrtname data attrname data v on的縮寫 v on click onclick click onclick 縮寫不影響使用,採用都是規範符號,且看起來更加具有框架特點 目前看到的幾個屬性 var vue9 newvue 資...

今天開始寫c

pt 60的dll無法在c 裡面引用 只能使用dllimport了 新增using system.runtime.interopservices 然後在class裡面新增 dllimport scanapiax.dll entrypoint pt enablescanner public stati...

今天開始學習swift

嗯,為了更好地利用xcode,oc和swift必須學一門。像我,也不為找工作也不創業的,就輕率地做了個決定,學swift吧。為了不讓自己半途而廢,特此寫個部落格。應該沒有人會看到吧,畢竟這個實在拿不上檯面。好羞恥,寫給我自己看!加油!嗯,看了一會兒,我就產生了疑問 q1 func greet nam...