文章目录
- 1.vue的其它指令
- 1.1v-text 和 v-html
- 1.2 v-cloak
- 1.3 v-once
- 1.4 v-pre
 
- 2. 自定义指令
- 2.1 函数式
- 2.2 对象式
- 2.3.定义全局的指令
 
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.定义全局的指令











![[数据集][目标检测]目标检测数据集黄瓜数据集VOC格式1309张](https://csdnimg.cn/release/blog_editor_html/release2.3.0/ckeditor/plugins/CsdnLink/icons/icon-default.png?t=N4P3)








