剛開始學,邊看邊博,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...