指令-定义私有指令|学习笔记

简介: 快速学习指令-定义私有指令

开发者学堂课程【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>

演示结果:字体颜色变为粉色

image.png

Directives:{//自定义私有指令

这里也有两个条件需要定义:指令名称和指令对象

Fontweight:{

binding.function(el,binding){

el.style.fontweight=binding.value

调用指令:

{{dt|dateformat}}

演示效果如下图:文字加粗

image.png

所以我们可以得出结论,全局指令和私有指令的定义方式类似。

相关文章
|
6月前
|
编译器 C# 开发者
C# 10.0中的全局`using`指令:简化命名空间引用的新方式
【1月更文挑战第4天】本文介绍了C# 10.0中引入的全局`using`指令,该指令允许开发者在项目级别统一管理命名空间引用,从而消除源文件中重复的`using`语句。全局`using`指令通过减少冗余代码、提高可维护性和统一命名空间管理,为开发者带来了更高效的编码体验。文章详细解释了如何实现全局`using`指令,并探讨了其在实际项目中的优势和适用场景。
|
4月前
|
Linux
Linux环境变量及作用
Linux中的环境变量是系统配置参数,如HOME指示用户家目录,MAIL指邮件位置。`env`命令显示所有环境变量。系统有数百个变量,但了解关键的几个足够,如PATH、HOME、TERM等。环境变量由变量名和值组成,可自定义,如WORKDIR。局部变量需用`export`使其全局有效,以便其他用户使用。`su`命令用于切换用户,展示不同用户环境下变量值的差异。
50 0
Linux环境变量及作用
|
5月前
|
jenkins Java 持续交付
一篇文章讲明白JenkinsPipelinescript指令创建和变量定义
一篇文章讲明白JenkinsPipelinescript指令创建和变量定义
249 0
|
Linux Shell
4.2.2 基础指令的操作
4.2.2 基础指令的操作
92 0
|
JavaScript 前端开发
vvue基础指令和基础属性
vue基础指令和基础属性
|
存储 编译器 C语言
CPU指令解析及函数调用机制
CPU指令解析及函数调用机制
265 0
西门子S7-1200移动指令编程实例,移动和块移动指令、填充指令、交换 指令的作用是什么?
西门子S7-1200的移动指令包括移动和块移动指令、填充指令、交换指令。
西门子S7-1200移动指令编程实例,移动和块移动指令、填充指令、交换 指令的作用是什么?
|
JavaScript 前端开发
3、指令(v-if与v-for的区别、各种指令的使用)
3、指令(v-if与v-for的区别、各种指令的使用)
148 0
3、指令(v-if与v-for的区别、各种指令的使用)
|
JavaScript 开发者
指令-指令函数的简写形式|学习笔记
快速学习指令-指令函数的简写形式
131 0
指令-指令函数的简写形式|学习笔记
|
JavaScript 开发者 索引
v-for 指令的四种使用方式 | 学习笔记
快速学习 v-for 指令的四种使用方式
129 0