Vue v-once指令 和 v-pre指令
2024-09-02 09:43:23
v-once指令:
1、v-once 所在节点在初始化动态渲染后,就视为静态内容了
2、以后数据的改变不会引起v-once所在结构的更新,可用于优化性能
v-pre指令:
1、跳过其所在节点的编译过程
2、可利用它跳过没有使用指令语法、没有使用插值语法的节点,会加快编译
v-once案例:
<head>
<meta charset="UTF-8"/>
<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<div id="root">
<h3 v-once>初识的值:{{n}}</h3>
<h3>当前的n值是:{{n}}</h3>
<button @click="n++">点我,n+1</button>
</div>
</body>
<script type="text/javascript">
new Vue({
el:"#root",
data:{
n:1,
}
})
</script>
最新文章
- C++builder中使用TScrollBox 以后,让scrollBox相应鼠标的上下滑动
- savepoint原理
- JIRA简介
- C# 汉字转拼音(支持GB2312字符集中所有汉字)
- golang的json操作
- C#:Hashtable和Dictionary
- Popwindow自定义动画(nexus5不支持暂未解决)
- iso-开发基础知识-1-程序流程
- js遍历对象的属性并且动态添加属性
- JavaScript 中对变量和函数声明的“提前(hoist)”
- template.process(root, out)的用法(shiro项目中来的九)
- iOS 应用打包命令一览
- 使用MongoDB在项目中实际运用
- jQuery实现表格行的动态增加与删除(改进版)
- SQL Server2012安装流程
- CSS覆盖公共样式中的某个属性
- org.springframework.web.bind.annotation重定向的问题
- 牛客练习赛30-A/C
- 没有什么,开发ASP.NET时随便写写,想到什么写什么
- 使用Thrift让Python为Java提供服务
热门文章
- c++的double转string(转)
- C++ STL中的二分法
- TensorFlow中的Variable 变量
- vue2/vue3+eslint文件格式化
- k8s如何配置secret保存harbor仓库账号密码、pod中怎么使用harbor仓库镜像
- 使用JSONObject将实体类,String类型和JSON类型相互转换(java)
- 地址重写了,只是ip 没转发,应该是9999那个才对,rewrite /sbgl/(.*) http://127.0.0.1:9999/$1 permanent;,这样,
- Delphi 新语法:泛型
- layui多图片上传
- 【笔记】小米路由器AX1800开启ipv6外部访问