Vue学习笔记(八):指令的本质

v-text

v-html  :XSS潜在风险

v-show :display:none

v-if

v-else-if:不能单独存在

v-else:不能单独存在

v-for

v-on

v-bind

v-model

v-slot

v-pre :绕过{{ }}编译过程。直接输出字符串

v-cloak:使用频率很低

v-once:用于性能优化

语法糖:标志位


自定义指令生命周期:

bind

inserted

update

componentUpdated

unbind

问题:指令的周期和生命周期的运行顺序


Vue学习笔记(八):指令的本质_第1张图片

指令的bind生命周期在组件生命周期render之后;

insert再mounted之后


Vue学习笔记(八):指令的本质_第2张图片

update和componentUpdated在beforeUpdate之前


Vue学习笔记(八):指令的本质_第3张图片

unbind在destroyed之后

你可能感兴趣的:(Vue学习笔记(八):指令的本质)