Vue自定义指令及使用

一、什么是指令

学习 vue 的时候肯定会接触指令,那么什么是指令呢?

  • 在 vue 中提供了一些对于页面和数据更为方便的输出,这些操作就叫做指令,以 v-xxx 表示,比如 html 页面中的属性
  • 比如在 angular 中 以 ng-xxx 开头的就叫做指令
  • 指令中封装了一些 DOM 行为,结合属性作为一个暗号,暗号有对应的值,根据不同的值,会进行相关 DOM 操作的绑定,即可以进行一些模板的操作

vue中常用的一些内置v-xxx指令

  • v-text:元素的 innerText 属性,只能用在双标签中, 和{{ }}效果是一样的,使用较少
  • v-html:元素的 innerHTML,其实就是给元素的 innerHTML 赋值
  • v-show:元素的显示与隐藏,基于 css 样式的切换。如果确定要隐藏,会给元素的 style 加上display: none
  • v-if:元素的插入和移除操作,相当于对元素的销毁和创建。如果表达式的值为 false,会留下一个

你可能感兴趣的:(VUE,vue.js,javascript,前端)