vue 學習筆記

v-cloak //搭配花括號使用；只會渲染花括號內容；該屬性可新增樣式； [v-cloak] v-text //渲染文字資料會覆蓋標籤內容常用； v-html //渲染的資料會先解析為html內容； v-bind: //提供用於繫結屬性的指令如：v-bind:title="mytitle";mytitle為data的key； ://v-bind: 的簡寫； v-on: //事件繫結簡寫：@； v-model // 資料雙向繫結注意：此指令只能運用在from裡 v-for // 迴圈指令寫法 }----} item data 值 it 自定義變數 i 自定義索引；如果迴圈物件(value,key,i) 則可以寫三個值;該指令可以使用方法傳值實時更新 //使用v-for時必須使用:key 屬性指定唯一性 v-if // 和v-show效果一樣只是實現原理不同；他會建立與刪除元素;適用於只有在特定條件下顯示的業務 v-show // 和v-if效果一樣只是實現原理不同；他會設定透明度為0;適用於經常顯示和隱藏的業務 @keyup

// 鍵盤抬起事件

//引用自定義指令 // 註冊乙個全域性自定義指令 `v-focus` vue. directive ('focus',} )//註冊區域性指令 directives:}} bind：只呼叫一次，指令第一次繫結到元素時呼叫。在這裡可以進行一次性的初始化設定。 inserted：被繫結元素插入父節點時呼叫 (僅保證父節點存在，但不一定已被插入文件中)。 unbind：只呼叫一次，指令與元素解綁時呼叫。 componentupdated：指令所在元件的 vnode 及其子 vnode 全部更新後呼叫。 unbind：只呼叫一次，指令與元素解綁時呼叫。指令鉤子函式會被傳入以下引數： el：指令所繫結的元素，可以用來直接操作 dom 。 binding：乙個物件，包含以下屬性： name：指令名，不包括 v- 字首。 value：指令的繫結值，例如：v-my-directive= "1 + 1" 中，繫結值為 2。 oldvalue：指令繫結的前乙個值，僅在 update 和 componentupdated 鉤子中可用。無論值是否改變都可用。 expression：字串形式的指令表示式。例如 v-my-directive= "1 + 1" 中，表示式為 "1 + 1"。 arg：傳給指令的引數，可選。例如 v-my-directive:foo 中，引數為 "foo"。 modifiers：乙個包含修飾符的物件。例如：v-my-directive.foo.bar 中，修飾符物件為。

oldvnode：上乙個虛擬節點，僅在 update 和 componentupdated 鉤子中可用。

.stop //阻止冒泡（當子標籤和父標籤重疊且都有事件則可以阻止其他他事件即父標籤事件）
.prevent //阻止預設行為如a標籤禁止跳轉；from禁止提交
.capture // 實現捕獲觸發事件（和冒泡觸發相反）
.self //只阻止自身冒泡行為
.once //事件只觸發一次也會影響到其他行為如.self
按鍵修飾符
官方內建：
.enter =
>
// enter鍵
.tab =
>
// tab鍵
.delete (捕獲「刪除」和「退格」按鍵)
=>
// 刪除鍵
.esc =
>
// 取消鍵
.space =
>
// 空格鍵
.up =
>
// 上
.down =
>
// 下
.left =
>
// 左
.right =
>
// 右
.按鍵碼 //可以操作所有按鍵
自定義全域性按鍵修飾符：
vue.config.vue.config.keycodes.f2 =
113;

="dialog"
:style=
"">
<
/div>
//內聯樣式
="dialog"
:style=
"">
<
/div>
//內聯樣式
"">
<
/div>
//內聯樣式
"styel"
>
<
/div>
//引入data屬性
"[styel,style1]"
>
<
/div>
//引入data屬性 多屬性引入

var vm =
newvue(,
methods:})
methods // vue例項中定義所有可用方法（方法區）格式：methods : }；方法可簡寫為： show() 
在vue例項中，如果想要獲取 data上的資料，或者要呼叫 methods 中的方法，必須通過 this
.資料屬性名 或 this
.方法名 來進行訪問()
=>
//內部方法的this指向外部方法的this


}<
/h1>
//得到資料先執行 format 過濾器處理後渲染頁面
//;當要傳參給過濾器的時候加小括號傳參format(arg);如果傳多個引數用逗號隔開;過濾器可以多次呼叫用 | 隔開;
// 宣告乙個全域性的過濾器
vue.
filter
('format'
, function (value));
var vm =
newvue(,
methods:
， filters :}}
)

beforecreate()
,created()
,beforemount()
,mounted()
,updated()
,beforedestroy()
,destroyed()

vue 學習筆記

vue學習筆記

vue學習筆記

vue 學習筆記

vue 學習筆記

vue學習 筆記

vue學習筆記

vue 學習筆記

相關推薦

vue學習筆記