指令-指令函数的简写形式|学习笔记

简介: 快速学习指令-指令函数的简写形式

开发者学堂课程【Vue.js 入门与实战指令-指令函数的简写形式】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/586/detail/8154


指令-指令函数的简写形式


目录

一、函数简写

二、演示

 

一、函数简写

本节,我们主要学习,函数简写,我们知道,大多数情况下,如果在 bind 和update 钩子上做重复动作,并不关心其它的钩子函数如果代码只需要写到 bind 和 update就不需要在后面跟对象,可以直接这样写:

Vue.directive('color-swatch', function (el, binding) {

el.style.backgroundColor = binding.value

})

第一个参数是指定的名称,第二个是 functionfunction 表示在 bind 和 update中将代码各书写了一份。


二、演示

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

fontweicht’: {/设置字体粗细

bind:tunction(el.binding){

el.style.fontweight =binding.value

}

}

fontsize': function (el, binqing) {// function 等同于把代码写到了 bind 和 update 中el.style.fontsize =parseInt (binding.value)+ ‘px’

调用指令:

<div id=”app2”>

<h3 v-color="'pink'" v-fontweight="900 v-fontsize="’30px’"> {{dt | dateformat}}</h3>

</div>

演示结果:

image.png

以上就是函数简写。

相关文章
|
12月前
|
存储 Shell Linux
【Shell 编程】变量 | 特殊变量与标准变量 | 基本语句介绍
【Shell 编程】变量 | 特殊变量与标准变量 | 基本语句介绍
64 0
|
5月前
|
jenkins Java 持续交付
一篇文章讲明白JenkinsPipelinescript指令创建和变量定义
一篇文章讲明白JenkinsPipelinescript指令创建和变量定义
249 0
|
6月前
|
JavaScript 开发者
VUE指令: 请解释v-pre指令的作用。
`v-pre`指令在Vue中用于避免元素及子元素的编译,显示原始HTML。当需要防止模板解析,如固定文本,可使用此指令。但注意,它会忽略插值、事件绑定等。适用于提升性能,跳过无指令节点的编译。
37 0
|
6月前
|
JavaScript
VUE指令: 请解释v-bind指令的作用。
VUE指令: 请解释v-bind指令的作用。
73 1
|
运维 Shell Linux
【运维知识高级篇】超详细的Shell编程讲解1(Shell作用+脚本书写方式+脚本执行方式+变量分类+变量配置文件+变量定义+Shell重要的位置变量+三种传参方式)
【运维知识高级篇】超详细的Shell编程讲解1(Shell作用+脚本书写方式+脚本执行方式+变量分类+变量配置文件+变量定义+Shell重要的位置变量+三种传参方式)
355 1
|
JavaScript 前端开发
3、指令(v-if与v-for的区别、各种指令的使用)
3、指令(v-if与v-for的区别、各种指令的使用)
148 0
3、指令(v-if与v-for的区别、各种指令的使用)
|
JavaScript 开发者
指令-定义私有指令|学习笔记
快速学习指令-定义私有指令
107 0
指令-定义私有指令|学习笔记
|
Shell
【shell】编写脚本基础、理论知识、参数定义、符号运算(下)
文章目录 前言 一、定义 二、规范 2.1 首行规范 2.2 执行方式 2.3 脚本错误 三、参数 3.1 变量分类 3.1.1 内置变量 3.1.2 预定义变量
105 0
【shell】编写脚本基础、理论知识、参数定义、符号运算(下)
|
JavaScript 开发者 索引
v-for 指令的四种使用方式 | 学习笔记
快速学习 v-for 指令的四种使用方式
129 0
|
Shell Perl
【shell】编写脚本基础、理论知识、参数定义、符号运算(上)
文章目录 前言 一、定义 二、规范 2.1 首行规范 2.2 执行方式 2.3 脚本错误 三、参数 3.1 变量分类 3.1.1 内置变量 3.1.2 预定义变量
110 0