Vue框架體系

2021-09-11 19:01:43 字數 1648 閱讀 6956

屬性修飾符

其他關鍵點

一次性插值,當資料內容改變時,插入的資料不會改變。

v-once

>

這個將不會改變: }span

>

內容轉為html**

>

using mustaches: }p

>

>

using v-html directive: v-html

="rawhtml"

>

span

>

p>

根據條件切換顯示狀態

v-show

="ok"

>

hello!h1

>

//v-show 不支援 >

元素,也不支援 v-else

條件選擇,如果為真,插入,否則,移除

v-if

="seen"

>

現在你看到我了p

>

v-if

="awesome"

>

vue is awesome!h1

>

v-else

>

oh no h1

>

v-if

="type === 'a'

">

adiv

>

v-else-if

="type === 'b'

">

bdiv

>

v-else-if

="type === 'c'

">

cdiv

>

根據陣列列表渲染,詳見另一博文:

監聽dom事件,詳見另一博文:

v-on:click

="dosomething"

>

...a

>

繫結屬性事件,詳見另一博文:

繫結表單元素,詳見另一博文:

繫結的元素

資料內容

計算屬性

模型建立後執行

監聽屬性

預設方法

中止事件

阻止事件

捕捉事件

指定元素物件本身

只能觸發一次

阻止預設行為

enter鍵

pageup

pagedown

tab鍵

delete和backspace鍵

esc鍵

空格鍵向上

向下向左

向右control鍵

alt鍵

shift鍵

設定meta

允許你控制由精確的系統修飾符組合觸發的事件

左鍵右鍵

中間滾輪

惰性更新

input輸入自動轉number

input自動去空格

詳見另一博文:

詳見另一博文:

詳見另一博文:

詳見另一博文:

詳見另一博文:

詳見另一博文:

詳見另一博文:

詳見另一博文:

Spring AOP框架體系小結

一 這裡先列舉一些aop基本概念,後面提到再作相應解釋 1 目標物件 target 2 物件 proxy 3 切點 pointcut 4 增強 advice 5 切面 advisor 6 織入器 將增強邏輯嵌入到目標物件的切點位置上從而生成 物件的工具,相當於連線目標物件和 物件的橋梁 二 說到框架...

集合框架的體系

最基本的集合介面。遍歷collection集合 呼叫iterator 的方法,返回迭代子,可由迭代子直接訪問每個元素,如下 iterator it collection.iterator 獲得乙個迭代子 while it.hasnext 繼承collection的介面主要有 list,set。繼承自...

Vue 知識體系

由vue官網可知,vue大致分為如下目錄 基礎在基礎中,簡單的介紹了vue在本地記事本方式開發的整個過程,學過該內容,可以通過記事本簡單的進行開發,但是僅限於單個頁面之間,且均為簡單的使用。過渡 動畫 在該單元中,詳細的講述了vue元件的動畫內容,當乙個 所有功能全部搞定之後,就該使用到該單元內容,...