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的生命周期钩子函数:就是指在一个组件从创建到销毁的过程自动执行的函数,包含组件的变化。可以分为:创建、挂载、更新、销毁四个模块。
改变父节点样式的案例:
文章来源:https://www.toymoban.com/news/detail-474253.html
2.3.定义全局的指令
文章来源地址https://www.toymoban.com/news/detail-474253.html
到了这里,关于【Vue】二:Vue核心处理---vue的其它指令和自定义指令的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!