-
todoList
<li v-for="(item,index) of list" :key="index">
查看全部 -
v-if? v-show??
查看全部 -
計算屬性? ?computed :{ }
偵聽器? ?watch:{ }?
查看全部 -
雙向綁定 v-model
查看全部 -
v-if 每次會銷毀dom重新創建
v-show 不會銷毀dom，只是改變display屬性(性能會更好)
查看全部 -
vew實例中的computed屬性，用來做幾個數據需要將幾個數據進行計算。只有在其所依賴的值發生改變之后才會自動執行?？梢院艽蟮靥岣咝阅?br />例如頁面顯示的fullName
watch屬性，用來監聽數據變化，當數據發生變化時，做相應的業務邏輯
例如 監聽頁面firstName和lastName的變化
查看全部 -
v-bind綁定屬性值，可簡寫成:
例如
<div v-bind:title="title"></div>
<div :title="title"></div>
只要使用了模板指令之后，等號后面的內容就是js表達式
例如
<div :title="'haha'+title"></div>
v-on綁定方法，可簡寫成@
<div v-on:click="handleTitle"></div>
v-bind是單向綁定，將后臺數據顯示在前臺
v-model雙向綁定數據(頁面輸入值和后臺數據值一起改變)，后臺有數據時，頁面自動顯示數據。前臺輸入改變數據時，后臺也能同時獲取到這個改變了的值
例如
<input v-model="value"/>
查看全部 -
computed:叫做計算屬性，當在頁面上雙向綁定數據后，希望可以一個數據把多個數據表示出來可以選擇使用computed，它里面存放的是一個方法，也就是一個函數對象。 computed有一個特點，他在每一次改變數據時都會計算出新的值進行顯示，如果沒有改變，則默認顯示上一次的緩存值。
查看全部 -
組件就是指頁面的某一部分，大型項目可以拆成幾個組件；
這里定義了一個組件，template中寫了組件的樣式，那么這個組件就會被顯示出來。這叫做全局組件；
這叫做局部組件定義，局部組件可以在script中直接var聲明成為一個對象，里面裝著template，但是需要在vue實例中聲明一下，
components：{
????‘引用的組件名’：定義的組件名
}
查看全部 -
v-if:控制頁面元素是否存在，每一次會刪除相應的元素。 v-show:控制頁面元素是否顯示，每一次會給所選元素增加的屬性值。 v-for:（在頁面上循環展示時使用）<li?v-for="(item,index)?of?list"?key="key中每一項數據都不能相同，為了提升刷新效率而存在">{{item}}</li>頻繁對列表做排序不用index作為key值查看全部 -
computed:叫做計算屬性，當在頁面上雙向綁定數據后，希望可以一個數據把多個數據表示出來可以選擇使用computed，它里面存放的是一個方法，也就是一個函數對象。 computed有一個特點，他在每一次改變數據時都會計算出新的值進行顯示，如果沒有改變，則默認顯示上一次的緩存值。
查看全部 -
當你要改變html頁面上的元素時，原生DOM操作要去改變DOM，而Vue只需要你改變數據就行了，這就是兩者之間的差別。
查看全部 -
v-text:如果定義內容里包含<h1>這種html元素，他會進行轉譯 v-html:不會轉譯
查看全部 -
新建Vue實例：
new?Vue({ ????el:'#root', ????template:'<h1>hello?{{msg}}</h1>', ????data:{ ????????msg:"world" ????} })這里面的el叫做掛載點，它規定了vue實例掛載在哪一個html元素上，掛載點外的元素不可使用vue語句
template叫做模版，可以把已經掛載了Vue實例的html元素內的結構直接放到這里面，這和在html元素里編寫時一樣的；
data中存放的就是被掛載的html元素內所有需要的數據，可以使用{{雙大括號}}來做插值。
查看全部 -
實現子組件與父組件的通信：用this.$emit(),觸發一個自定義的事件。并在掛載點里面聲明次事件，并接受參數_下標，在運用? .splice()刪除標簽。
父組件向子組件傳遞參數：通過屬性的方式傳遞
子組件向父組件傳遞參數：通過.$emit()發布自定義事件模式，且父組件提前就定義了這個事件。
查看全部
舉報
0/150
提交
取消