vue中v-once

v-once 作用：执行一次性地插值，当数据改变时，插值处的内容不会更新，v-once所定义的元素或组件只会渲染一次，首次渲染后，不再随着数据的改变而重新渲染。也就是说使用v-once，该块都将被视为静态内容。<!DOCTYPE html><html><head><meta charset=&quot

cmolong

2730人浏览 · 2019-03-08 16:32:12

cmolong · 2019-03-08 16:32:12 发布

v-once 作用：

执行一次性地插值，当数据改变时，插值处的内容不会更新，v-once所定义的元素或组件只会渲染一次，首次渲染后，不再随着数据的改变而重新渲染。也就是说使用v-once，该块都将被视为静态内容。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>v-once</title>
	<script src="vue.js"></script>
</head>
<body>
	<div id = "com">
		<h1> {{c}} </h1>
		<h4 v-once> {{c}} </h4>
		<input type="text" v-model="c">
	</div>
	<script>
		var a = new Vue({
			el: '#com',
			data:{
				c:'Hello vue'
			}
		});
	</script>
</body>
</html>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^