开发者学堂课程【Vue.js 入门与实战:指令-定义私有指令】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/586/detail/8153
指令-定义私有指令
一、自定义私有指令
Directives: {
‘fontweight’:{
bind:tunction
(el,binding) {//binding的位置是形参,所以名称是什么无所谓,bindings等也可以,只要和下面同步即可。
<div id=”app2”>
<h3 v-color=”pink”>{{
dt|dateformat}}</h3>
<div>
演示结果:字体颜色变为粉色
Directives:{//自定义私有指令
这里也有两个条件需要定义:指令名称和指令对象
Fontweight:{
binding.function(el,binding){
el.style.fontweight=binding.value
调用指令:
{{dt|dateformat}}
演示效果如下图:文字加粗
所以我们可以得出结论,全局指令和私有指令的定义方式类似。