vue.extend()使用基礎(chǔ) Vue 構(gòu)造器,創(chuàng)建一個(gè)“子類”。參數(shù)是一個(gè)包含組件選項(xiàng)的對象。data?選項(xiàng)是特例麻养,需要注意 - 在?Vue.extend()?中它必須是函數(shù)
v-text? ? ? 插入文本? v-text='name'? ? data{name:'中國'}顯示的就是中國,寫的是什么就顯示什么不解析
v-html? ? ?插入html字段? ?v-html='msg'? msg:'<a href ='#' >百度</a>'? ?會解析是顯示百度點(diǎn)擊出現(xiàn)網(wǎng)址
v-once 只渲染一次诺舔,不會被改變
v-bind? ?動(dòng)態(tài)綁定 動(dòng)態(tài)屬性v-bind:title='item' 簡寫:title='item'
v-for 列表渲染
v-for='(item ,idx) in? 數(shù)組名稱'? ? ?v-text='item'
v-for='(val,key) of? 對象名稱'? ? ?v-text='val'
v-if 條件渲染q
v-if? v-ease if? v-ease
v-if? 和? v-show區(qū)別:v-if? ?隱藏是直接移除掉鳖昌,性能很高
v-show? 在隱藏是用style=display:none來表示在節(jié)點(diǎn)上沒有直接移除
v-on:click事件綁定? 簡寫@click
v-model:雙向綁定,表單綁定
v-clock:解決插值符合問題低飒,網(wǎng)速慢的話用插值{{}}许昨,會顯示出來,網(wǎng)速快沒影響
阻止事件冒泡逸嘀,在@click事件后加stop? ? @click.stop=''
提交事件不再重復(fù)加載頁面在v-on:submit后加prevent? ? ? v-on:submit.prevent=''
數(shù)組的方法:變異方法? ?和? 非變異方法
變異方法:可以改變原數(shù)組的方法车要,原數(shù)組會跟著改變
非變異方法:不會改變原數(shù)組
變異方法有:push(),pop(),shift(),splice(),reverse()