自己用的vue總結

2021-10-07 09:04:59 字數 2168 閱讀 9036

vue是一款漸進式前端框架,由底向上增量開發,vue.js 自身不是乙個全能框架——它只聚焦於檢視層。因此它非常容易學習,非常容易與其它庫或已有專案整合。另一方面,在與相關工具和支援庫一起使用時 ,vue.js 也能完美地驅動複雜的單頁應用。

封裝好的應用程式,它只是js檔案的封裝。

文字渲染:}、v-text、v-html,

屬性繫結:v-bind:title、:title,

事件:v-on:函式、或者 @ 函式

修飾符:v-on.once:執行一次事件、v-on.stop:阻止事件冒泡。

按鍵修飾符:v-on.enter:回車按鍵、

v-on.esc:退出按鍵、等等

表單:v-model,用於實現雙向繫結;

修飾符:v-model.lazy:懶載入、v-model.number:數字。

判斷條件:v-if、v-else-if、v-else、v-show:v-if 是「真正」的條件渲染,因為它會確保在切換過程中條件塊內的事件***和子元件適當地被銷毀和重建。

v-if 也是惰性的:如果在初始渲染時條件為假,則什麼也不做——直到條件第一次變為真時,才會開始渲染條件塊。

相比之下,v-show 就簡單得多——不管初始條件是什麼,元素總是會被渲染,並且只是簡單地基於 css 進行切換。

一般來說,v-if 有更高的切換開銷,而 v-show 有更高的初始渲染開銷。因此,如果需要非常頻繁地切換,則使用 v-show 較好;如果在執行時條件很少改變,則使用 v-if 較好。

迴圈:v-for="(item,index) in linst" :key=「item」

class的用法::class="「屬性繫結、:class=」" 物件方式–val值為真,key對應class會繫結上、:class="[name1,name2]" 陣列方式

style的用法::style=""物件形式 駝峰css名稱書寫 font-size 改變為 fontsize、:style=「styles」 styles 是data中定義的乙個物件

模板指定:el(指定vue的模板)、template

資料:data(指定vue的初始資料)

方法:methods

計算:computed(從現有資料計算出新的資料)

監聽:watch(監聽資料的變化)

過濾:filters

自定義指令:directives

生命週期:建立前後:beforecreate、created(當vue建立完畢 可以獲取到this)、掛載前後:beforemount、mounted(獲取dom);更新前後:beforeupdate、updated;

解除安裝前後:beforedestroy、destroyed(移除監聽和事件)

props屬性、mixin混合、路由守衛、components元件、filters 過濾管道

(資料的格式顯示)}}

filters:

}全域性元件:

整個專案不用註冊juin可以直接使用

定義:vue.component(名稱,引數物件)、vue.component(「count」)

區域性元件:

誰註冊,誰使用

定義var counter =

註冊components:

使用駝峰式寫法

元件的資料傳遞props 父傳子

props驗證預設值:

props:

numbr,string,object,array,boolean

元件的單向資料流:

父傳入給子元件的資料時單向的 是唯讀

(保證元件的資料更改,不影響其他元件)

傳參初始化:

父元件的值傳入子元件,子元件接收。

props:[「count」]

created()

(可以修改num的值)

元件的插槽

預設插槽:

嵌入內容

具名插槽:

嵌入內容

屬性的 .sync 修飾符:

:visible.synic="flag"

:visible="flag"

@update="flag = $event"

< div v-if="visible">

props:}

vue 插槽的使用總結 自己的感悟總結

是 vue 一種內容分發機制,將 slot 元素作為 承載分發內容的出口 vue 實現的一套內容分發的 api 或者是 子元件中有乙個沒有屬性的 slot 標籤的時候,父元件呼叫時,將整個內容片段插到 slot 所在的 dom 位置,替換掉 slot 標籤本身 如果沒有 slot 標籤,父元件呼叫時...

自己的總結

需求分析,資料庫設計,業務邏輯,效能,安全,擴充套件。業務邏輯 資料層 業務層 表現層。效能 快取 伺服器優化 減少無用 安全 驗證使用者輸入的資料,防暴力破解,許可權分配 伺服器安全 資料庫安全。業務邏輯 資料層 sqldatasource,objectdatasource 自己手敲datarea...

vue使用心得筆記 自己總結使用

1.vue做if判斷的時候 由於使用了v for迴圈 做個別標籤判斷的時候 使用了v if 1 報錯了,檢查發現,在v if中不能用插值表示式 可以直接寫v if item.code 1 然後成功實現 2.vue繫結元素背景圖鏈結的時候 如何拼接的問題 需要把style後邊的樣式用大括號包起來,分開...