Vue学习笔记——基础语法{{ }}

Vue学习笔记{{ }}大括号，也是最常用的取值符号，用来渲染data里面的数据<body><div id="app">{{message}}<H2>{{people.name}} {{people.sno}}</H2><ul><li>{{campus[0]}}</li><li>{{campus[1]}

渣渣圆

6187人浏览 · 2021-03-04 22:54:00

渣渣圆 · 2021-03-04 22:54:00 发布

Vue学习笔记

{{ }}大括号，也是最常用的取值符号，用来渲染data里面的数据

<body>
		<div id="app">
			{{message}}
			<H2>{{people.name}} {{people.sno}}</H2>
			<ul>
			<li>{{campus[0]}}</li>
			<li>{{campus[1]}}</li>
			<li>{{campus[2]}}</li>
			<li>{{campus[3]}}</li>
			</ul>
		</div>
		<script>
			var app =new Vue({
				el:"#app",
				data:{
					message:"hello world!!!",
					people:{
						name:"袁画圆",
						sno:"1840129540"
					},
					campus:["广州大学","深圳大学","华南理工大学","中山大学"]
				}
			})
		</script>

可以用来获取data里面的对象，数组等数据
运行截图

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}$/, //不连续的两位字母// /^