【Vue】二:Vue核心处理---vue的其它指令和自定义指令

1.vue的其它指令

1.1v-text 和 v-html

v-text:当做文件解析。
v-html:当做 HTML 代码解析。

1.2 v-cloak

v-cloak 配置 css 样式来解决胡子的闪现问题。
在这里插入图片描述
在这里插入图片描述
我们模拟网络延迟的情况下,发现出现了如上的问题。
在这里插入图片描述

1.3 v-once

只渲染一次。之后将被视为静态内容。

1.4 v-pre

带有该指令的标签将不会被编译。

2. 自定义指令

2.1 函数式

指令的名字
(1)v-不需要写
(2)Vue官方建议指令的名字要全部小写,如果多个单词,使用-衔接
回调函数的执行时机包括:
(1)标签和指令第一次绑定的时候
(2)模板被重新解析的时候
回调函数有两个参数
(1)第一个参数是真实的dom元素
(2) 第二个参数是标签和指令之间绑定关系的对象

在这里插入图片描述
在这里插入图片描述

2.2 对象式

钩子函数:VUE的生命周期钩子函数:就是指在一个组件从创建到销毁的过程自动执行的函数,包含组件的变化。可以分为:创建、挂载、更新、销毁四个模块。

改变父节点样式的案例:
在这里插入图片描述
在这里插入图片描述

2.3.定义全局的指令

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值