- 什么是指令
1.特殊的自定義行間屬性棋电，以v-開(kāi)頭
2.連接數(shù)據(jù)和dom，做相應(yīng)的視圖更新
3.預(yù)期的值為javascript表達(dá)式 - v-bind
v-bind : 屬性名=表達(dá)式
<p v-bind:title="message">{{message}}</p>
v-bind - v-on
使用指令綁定
v-on : 事件名=表達(dá)式
<div id="app">
<input type="text" name="" v-on:input="inputHandle">
<p> {{message}} </p>
<p v-bind:title="message">{{message}}</p>
</div>
<script>
let message = "hello";
let vm = new Vue({
el:"#app",
data:{
message:message
},
methods:{
//定義方法
inputHandle(ev){
//方法中的this都指向?qū)嵗? console.log(this === vm);
console.log(ev.target.value);
this.message = ev.target.value;
}
}
})
</script>
視圖
打印this===vm
- 方法中的this指向
this指向vue實(shí)例妇穴，不指向方法自身．
