-
屬性綁定
????<div?title=“this?is?hello?world”>hello?world</div>?title?是html屬性，當(dāng)鼠標(biāo)放在hello?world上時(shí)，會(huì)顯示this?is?hello?world?提示語(yǔ)。
????當(dāng)希望提示語(yǔ)可變時(shí)，就需要屬性和數(shù)據(jù)綁定,寫(xiě)法如下
????<div?v-bind:title="'dell?lee'+title">hello?world?</div>
????data:{
????????title:"this?is?hello?world"
????}
????v-bind:可以縮寫(xiě)為：
查看全部 -
掛載點(diǎn)：掛載點(diǎn)指的就是vue實(shí)例里的el屬性對(duì)應(yīng)的ID所對(duì)應(yīng)的dom節(jié)點(diǎn)，dom節(jié)點(diǎn)一般指div標(biāo)簽
模板：在掛載點(diǎn)內(nèi)部的內(nèi)容叫做模板內(nèi)容，模板除了寫(xiě)在掛載點(diǎn)之下外，還可以寫(xiě)在實(shí)例里的template屬性里。
實(shí)例：實(shí)例里面只需要指定掛載點(diǎn)，把模板寫(xiě)上，vue會(huì)自動(dòng)結(jié)合模板和數(shù)據(jù)生成最終要展示的內(nèi)容，然后把內(nèi)容放在掛載點(diǎn)之中。
查看全部 -
webpack打包工具構(gòu)造大型項(xiàng)目的開(kāi)發(fā)目錄，打包，線(xiàn)上運(yùn)行
腳手架工具vue-cli，快速構(gòu)建vue項(xiàng)目，自帶webpack各種工具，不涉及技術(shù)門(mén)檻
nodejs安裝時(shí)會(huì)自動(dòng)安裝npm
vuecli安裝前先安裝node和npm
查看全部 -
?父組件向子組件傳值，通過(guò)屬性的方式?
子組件向父組件傳值，通過(guò)發(fā)布訂閱模式
查看全部 -
組件與實(shí)例的關(guān)系
每個(gè)vue的組件component都是vue的實(shí)例
每個(gè)實(shí)例包含哪些屬性
props
template
methods
?
?
查看全部 -
如何定義組件
組件間通信
全局組件和布局組件
查看全部 -
todolist
查看全部 -
v-if
v-show 高頻率時(shí)性能高
v-for=“（item，index） of list” ：key=“index”
list為data中數(shù)組
查看全部 -
計(jì)算屬性computed：{?
? ? ? ? ? ? ? ? ? ? ?屬性名：function（）{}
}
一個(gè)屬性通過(guò)其他屬性計(jì)算而來(lái)
偵聽(tīng)器： watch：{} 監(jiān)聽(tīng)某一個(gè)數(shù)據(jù)或者屬性發(fā)生變化
查看全部 -
屬性綁定v-bind:屬性=js表達(dá)式 例如："表達(dá)式"+'jhsadhk'"
v-bind: 簡(jiǎn)寫(xiě)為 :
:后面跟html標(biāo)簽的屬性，：屬于vue的實(shí)例
雙向綁定v-model:? html與vue實(shí)例?
?
查看全部 -
插值表達(dá)式{{ }}
v-text="msg"? 展示文本
v-html="msg"? 展示html
給標(biāo)簽綁定事件：v-on:click="函數(shù)"；
v-on:可簡(jiǎn)寫(xiě)為@
vue實(shí)例中methods：{
? ? ?函數(shù)?
}?
查看全部 -
掛載點(diǎn)：vue實(shí)例中el屬性對(duì)應(yīng)id的DOM
模板：掛載點(diǎn)內(nèi)部的內(nèi)容。templete：?
實(shí)例
查看全部 -
掛載點(diǎn)就是vue綁定的元素，模版就是掛載點(diǎn)里面的內(nèi)容，包括元素，實(shí)例就是new vue出來(lái)的，一個(gè)掛載點(diǎn)就是一個(gè)實(shí)例
查看全部 -
1、如果用script引入js，最好放在head里面，用于防止頁(yè)面抖屏
2、vue編寫(xiě)著重于數(shù)據(jù)
3、語(yǔ)法：
????<div id="root">//掛載點(diǎn)
????????{{msg}}? //掛載點(diǎn)里的內(nèi)容都叫做模板內(nèi)容，也可以直接將模板內(nèi)容放到實(shí)例的template里面去
????</div>
????<script>
????????new vue({? ? ?//vue實(shí)例
????????????el:"#root",
????????????data:{
????????????????msg:"hello wold"????
????????????}
????????})
????</script>
查看全部 -
1.計(jì)算屬性(computed:)：一個(gè)屬性通過(guò)其他屬性計(jì)算而來(lái)
只有它依賴(lài)的數(shù)據(jù)發(fā)生變化的時(shí)候，它才會(huì)重新計(jì)算；如果依賴(lài)的屬性沒(méi)有發(fā)生變化，它會(huì)利用以前計(jì)算結(jié)果的緩存來(lái)在頁(yè)面上做顯示
2.偵聽(tīng)器(watch)：指的是監(jiān)聽(tīng)某一個(gè)數(shù)字發(fā)生了變化，然后就在監(jiān)聽(tīng)器里面做業(yè)務(wù)邏輯，
偵聽(tīng)器watch：監(jiān)測(cè)某一個(gè)數(shù)據(jù)或計(jì)算屬性發(fā)生了變化，一旦這個(gè)數(shù)據(jù)發(fā)生了變化，就在該偵聽(tīng)器內(nèi)寫(xiě)入業(yè)務(wù)邏輯
*注：watch不僅可以監(jiān)聽(tīng)vue實(shí)例的data內(nèi)屬性，而且可以監(jiān)聽(tīng)計(jì)算computed下計(jì)算屬性的變化
查看全部
舉報(bào)