VUE2.0 学习（十一）Vue 中的内置指令，以及自定义的指令

目录

• 之前学过的指令
• v-text
• v-html
• v-clock
• v-once
• v-pre
• 自定义的指令
• • 总结

之前学过的指令

在这里插入图片描述

v-text

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

v-html

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

v-clock

在这里插入图片描述

主要就是解决网速慢的问题，当页面模板还没有渲染到vue的时候，不让页面的东西展示给用户

在这里插入图片描述

v-once

在这里插入图片描述

也就是里面的变量如何改变，不会影响这个

v-pre

在这里插入图片描述

在这里插入图片描述

总之，就是一个标签里面的没有插值语法的，就可以加这个，让渲染模板的时候，只要看见这个v-pre，那么就不会判断里面有没有vue 的代码，直接展示，加快的渲染

自定义的指令

也就是我们将操作dom的语法进行 封装

写法：

在这里插入图片描述

那两个传参的值 是什么呢？

在这里插入图片描述

第一个是获取到这个指令在哪个标签上面，第二个是这个指令里面的细节东西

这个自定义的指令不是靠返回值进行变化东西，这个一定要记住

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

那这个自定义的指令在什么时候进行调用呢？

在这里插入图片描述

总结

在这里插入图片描述

在这里插入图片描述

以上的两种写法，可以自定义指令