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

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


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

insert再mounted之后


update和componentUpdated在beforeUpdate之前


unbind在destroyed之后

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 先了解一下,在 vue 中,有很多内置的指令. 比如: v-for 用于遍历 v-if & v-show 用于隐藏...
    人话博客阅读 23,037评论 6 67
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,151评论 1 4
  • 一、 Vue 介绍 Vue.js 是一套构建用户界面的渐进式 JavaScript 框架 可以轻松构建 SPA 应...
    璎珞纨澜阅读 878评论 0 0
  • VUE介绍 Vue的特点构建用户界面,只关注View层简单易学,简洁、轻量、快速渐进式框架 框架VS库库,是一封装...
    多多酱_DuoDuo_阅读 2,855评论 1 17
  • 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: 实例生命周期钩子 每个 Vue 实例...
    Timmy小石匠阅读 1,437评论 0 11

友情链接更多精彩内容