Vue学习笔记

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

2019-05-27  本文已影响0人  smartHui

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

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

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

insert再mounted之后

update和componentUpdated在beforeUpdate之前

unbind在destroyed之后

上一篇下一篇

猜你喜欢

热点阅读