这节课,我们来看一下自定义指令。
Vue 中有一堆内置的指令,如 v-for
和 v-if
,但我们也可以建立自己的自己的指令。
假设,我们有一个 FontSizeColor
组件,内容如下:
// FontSizeColor.vue
自定义指令
这里,我们声明了一个自定义指令 v-font-size
,它主要做的一个事件就是设置当前元素的字段大小。我们在 main.js
中实现它。
import {
createApp } from 'vue'
const app = createApp(App)
关注
打赏
最近更新
- 深拷贝和浅拷贝的区别(重点)
- 【Vue】走进Vue框架世界
- 【云服务器】项目部署—搭建网站—vue电商后台管理系统
- 【React介绍】 一文带你深入React
- 【React】React组件实例的三大属性之state,props,refs(你学废了吗)
- 【脚手架VueCLI】从零开始,创建一个VUE项目
- 【React】深入理解React组件生命周期----图文详解(含代码)
- 【React】DOM的Diffing算法是什么?以及DOM中key的作用----经典面试题
- 【React】1_使用React脚手架创建项目步骤--------详解(含项目结构说明)
- 【React】2_如何使用react脚手架写一个简单的页面?