directives自定義指令,是一個對象免胃,屬性就時自定義指令的名稱,對象的值是一個函數(shù)
函數(shù)的第一個參數(shù)是使用這個指令的元素,參數(shù)2是傳遞過來的值
var vm = new Vue({
el:'#app',
data:{
bookList: ['神雕俠侶','射雕英雄傳','倚天屠龍記']
},
// directives是一個對象奖亚,里面是方法也是自定義指令名
directives:{
// 參數(shù)1是使用這個指令的元素
red(el){
console.log(el)
el.style.background = "red"
},
blue(el){
el.style.background = "blue"
},
frenchquotes(el){
el.innerHTML = "《"+el.innerHTML+"》"
},
// 第二個形參是在調(diào)用時傳遞的
color(el,rgb){
el.style.background = rgb.value;
}
}
})