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

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

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

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

相关文章
|
Linux 开发工具 Python
CentOS7安装python3超详细教程
CentOS7安装python3超详细教程
1867 0
|
存储 SpringCloudAlibaba 前端开发
SpringCloud Alibaba 2021版 nacos 配置中心教程
SpringCloud Alibaba 2021版 nacos 配置中心教程
11651 1
SpringCloud Alibaba 2021版 nacos 配置中心教程
|
开发框架 监控 .NET
C#进阶-ASP.NET WebForms调用ASMX的WebService接口
通过本文的介绍,希望您能深入理解并掌握ASP.NET WebForms中调用ASMX WebService接口的方法和技巧,并在实际项目中灵活运用这些技术,提高开发效率和应用性能。
778 5
|
存储 缓存 人工智能
Ascend上的FlashAttention实现
FlashAttention是优化Transformer模型计算效率和内存使用的技术,通过减少存储访问开销提升性能。它采用Tiling、Recomputation、分块SoftMax等策略,减少HBM访问,加速计算,并在昇腾AI处理器上实现了显著的性能提升。
|
存储 缓存 网络安全
南大通用GBase 8s 数据库 RHAC集群基本原理和搭建步骤
南大通用GBase 8s 数据库 RHAC集群基本原理和搭建步骤
|
前端开发 JavaScript 开发者
前端小白逆袭记:从零开始,如何快速掌握前端开发精髓?
本文从一个前端小白的视角,分享了快速掌握前端开发核心技能的逆袭之路。通过学习HTML、CSS和JavaScript,逐步接触前端框架如Bootstrap、Vue.js和React,克服挑战,最终实现从入门到精通的蜕变。
161 4
|
存储 缓存 NoSQL
一篇搞懂!Java对象序列化与反序列化的底层逻辑
本文介绍了Java中的序列化与反序列化,包括基本概念、应用场景、实现方式及注意事项。序列化是将对象转换为字节流,便于存储和传输;反序列化则是将字节流还原为对象。文中详细讲解了实现序列化的步骤,以及常见的反序列化失败原因和最佳实践。通过实例和代码示例,帮助读者更好地理解和应用这一重要技术。
602 0
|
存储 监控 前端开发
OpenStack组件Horizon
【8月更文挑战第20天】
435 4
|
存储 编解码 UED
网站图片JPG、PNG、GIF哪个好,该选择谁
网站图片JPG、PNG、GIF哪个好,该选择谁
701 0
|
存储 编译器 程序员
C语言数据类型详解
C语言数据类型详解