一、 v-pre指令
在模板中跳过vue的编译，直接输出原始值。就是在标签中加入v-pre就不会输出vue中的data值了。
<h1 v-pre>{{msg}}</h1>
image.png
二、v-cloak指令
在vue渲染完指定的整个DOM后才进行显示。它必须和CSS样式一起使用，
<div v-cloak>渲染完成之后才显示</div>
三、v-once指令
在第一次DOM时进行渲染，之后不会再渲染，data里面的值再改变，这个也不会改变
<p v-once>{{msg}}</p>
<div><input type="text" v-model="msg"></div>
<p>{{msg}}</p>
image.png
总结
vue简单的内部指令已经学完了,感觉也不难，虽然不难，但是不知道什么时候用，还是要做项目，实战才可以深刻理解吧！
一、 v-pre指令在模板中跳过vue的编译，直接输出原始值。就是在标签中加入v-pre就不会输出vue中的da...
鸟哥私房菜学习笔记 type [-tpa] name 不加任何参数时，type查看指令是外部还是内部指令 -t :...
指令 1、条件判断 v-if v-else v-show ### v-if 和v-show的区别： v-if：...
HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...
HTML5学习笔记之表单标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...
HTML5学习笔记之基础标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...
20220430_nginx之proxy_set_header指令学习笔记.md 1概述 proxy_set_he...
目标 使用vue2.0实现自定义弹窗指令，当标签有该指令时，点击标签可以弹出弹窗 实现
此系列的其他文章：OpenCV算法学习笔记之初识OpenCVOpenCV算法学习笔记之几何变换OpenCV算法学习...
此系列的其他文章：OpenCV算法学习笔记之初识OpenCVOpenCV算法学习笔记之几何变换OpenCV算法学习...
本文标题：Vue2.0学习笔记之其他内部指令（8）
本文链接：https://www.haomeiwen.com/subject/xxrytftx.html
网友评论