vue 溫故知新

2021-08-08 17:12:04 字數 1069 閱讀 8686

♣ v-cloak指令:解決變數閃爍問題()

♣ v-if="isshow"是插入或刪除節點

v-show="isshow"是隱藏或顯示節點

♣ v-bind:data-m="msg"或:data-m="msg"  --繫結屬性

♣ v-bind:key="v.id"  繫結乙個資料唯一值,用於虛擬dom演算法,優化渲染效率

♣ v-on:click="geta"|@click="geta"、v-on:clidk.stop="geta"(.stop阻止事件冒泡) 

♣ v-once  加了v-once的元素只會渲染一次,之後資料變化也不會渲染

♣ v-pre 通知編譯器跳過當前dom元素,節省編譯時間

♣ v-ref="ac"  訪問dom  vm.$refs.ac

♣ ♣ ♣ 

♣ filters: }   元件的

vue.filter("formatp",function(val)  )  全域性的

♣ 定義全域性元件: var t = vue.extend(,data:function)

vue.component("v-p",t)

注:template:"#id" 選擇器定義也可以

♣ 父元件中切換子元件:

♣ 父子資料互傳:

父傳子:   子元件中:props:["dd"]

子傳父:定義乙個方法,傳送乙個事件給父,父監聽,一旦觸發就可以對資料處理

watch:  }

定義方法:get:function(arguments) 

♣ computed選項:定義計算屬性(渲染前進行計算),內部有快取機制,如果沒變化就從快取取(複雜的資料處理可以放到這裡)

}computed:}

♣ 定義乙個處理關鍵字的指令:

vue.directive('keyword', function(el, obj) style="color:$">$`;   //利用``字串模板拼接所需顯示的樣式

});});

♣ $route物件:$route.params   $route.query  -->hash/path/fullpath/name...

溫故知新之VUE

要想開始vue專案,第一步是搭建專案,詳情參見 最近重新看下 vue,當初學的時候筆記記得亂七八糟,對於乙個剛接觸mvvm的人來說,網上的文件看的也是雲裡霧裡,很多東西用起來也是生搬硬套,今天看到一篇文章寫的特別透徹,對vue有了更深刻透徹的理解,對於新手可以快速掌握更好的理解 我自己也做了乙個小小...

溫故知新 ROWTYPE

rowtype 相當於資料庫表裡的一行資料記錄的變數型別。declare 定義乙個emp表裡的一行記錄的資料型別的變數 v emp emp rowtype begin 查詢的emp表裡的資料列必須與v emp的列順序以及個數保持一致 select empno,ename,job,mgr,hireda...

溫故知新系列

我從事windows phone開發一年多來,終日忙於開發應用,每每有所收穫也沒有時間思考總結。最近實習即將結束,同時也看清了真實的生活,痛定思痛,決定好好整理自己所學所得,同時也靜下心來好好學習一下一直欠缺的知識。溫故而知新,可以為師矣。此番總結,不求為師,但求能看清自己,共勉共勉。此溫故知新系列...