插值
text:
}<
/span>
text:
}<
/span>
//只需渲染一次，後續變化不再關心
text:}}
<
/span>
//三個大括號插入html片段，html:'test
}}
vue.config.delimiters =
[","%>"
]// } ==>
vue.config.unsafedelimiters =
[","$>"
]// }} =>
v-for指令
v-text作用等同}，v-html作用等同於}}，不提倡直接動態渲染html片段，很容易導致xss攻擊
v-bind可繫結乙個或多個html的attribute，或元件的prop。當沒有繫結引數時，可以繫結到乙個物件,物件鍵即html的attribute。繫結prop時可以用修飾符指定不同繫結型別
"imgsrc"
>
<=
=>
"imgsrc"
>
>
"someprop"
>
//雙向繫結
"someprop"
>
//單次繫結v-on 繫結事件,也可以跟修飾符
"dothis"
>
//呼叫event.stoppropagation()
"dothis"
>
//呼叫event.preventdefault()
"onenter"
>
=="onenter"
>
自定義指令通過鉤子函式定義。在鉤子函式內this指向指令物件，可以訪問到指令例項屬性：el、vm、expression、arg、name、modifiers（修飾符）、descriptor（指令解析結果）
vue.directive
('my-directive',,
update:
function
(value)
unbind:
function()
});自定義元素指令。
鉤子函式以及params引數
="hello" a=
"parama" b=
"paramb"
>
<
/my-directive>
vue.
elementdirective
('my-directive',,
update:
function
(value)
unbind:
function()});
twoway引數：讓指令向vue例項寫回資料
acceptstatement引數：可讓自定義指令接受內聯語句
terminal引數：vue遞迴遍歷dom樹編譯模組，當遇到terminal指令會停止遍歷該元素和後代元素。v-if和v-for都是terminal指令
priority引數：指定優先順序，預設指令優先順序1000，terminal是2000，流程控制指令v-if和v-for始終擁有最高優先順序。
'a'>
<
/div>
vue.
elementdirective
('my-directive',,
update:
function
(value)
unbind:
function()
});var vm =
newvue(}
}})``
`
VUE 特性一 資料雙向繫結
vue是一種mvvm開發模式，vue 區別於react 等其他前端框架的重要特性之一是vue 實現了 資料與檢視的雙向繫結。如果要實現乙個輸入特定資訊的輸入框的雙向繫結，傳統做法與vue 框架下的示例 doctype html 資料雙向繫結實現 title utf 8 vue.js script h...
資料繫結指令（vue）
v text 填充純文字 v text沒有插值問題用起來比較方便，考慮到使用者體驗推薦使用 v text用起來更簡潔，如果用差值表示式還需要用 v html 填充html片段 lang en charset utf 8 name viewport content width device width...
WPF學習筆記（一） 資料繫結之元素到元素繫結
作為乙隻菜鳥，之前學了一段時間的wpf，但是沒有總結，過了一學期發現好多東西都忘記了，很多東西還是需要記下來，以備後續複習。資料繫結在事件中應用非常廣泛，可以有效地減少 量，那麼什麼是資料繫結？說的簡單就是從源物件提取一些資訊，將其用於設定目標物件的屬性，這裡有一點需要注意，目標屬性需要是依賴屬性 ...