听写3_听写 3.02-CSDN博客

本文链接：https://blog.csdn.net/weixin_45838872/article/details/102972340

手写一个vue页面，将data中的msg显示在页面中，用插值表达式和v-text和v-html三种方式。
v-for可以遍历那些值？遍历它们的语法分别是什么？
强变量类型和若变量类型语言的差异性是什么？
将M中数据设置给标签的class属性的方式有几种？请分别写出一个案例。
将M中数据设置给标签的style属性的方式有几种？请分别写出一个案例。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<p>{{msg}}</p>
			<p v-text="msg"></p>
			<p v-html="msg"></p>
		</div>
		<script src="js/vue.js"></script>
		<script>
			var vm = new Vue({
				el:'#app',
				data:{
					msg:'第三天'
				},
				methods:{
					
				}
			});
		</script>
	</body>
</html>

2.数组

<p v-for="i in array">{{i}}</p> 
	data:{
	         array:[1,2,3]
	},
   数字	<p v-for="a in 10">{{a}}</p>
   对象	<p v-for="(value,key,i) in hero">
		<span>{{i}}</span>
		<span>{{key}}</span>
		<span>{{value}}</span>
	</p>
	hero:{
		'name':'盲僧',
		'sex':'男',
		'jineng':'神龙摆尾',
				}

强变量类型不可用不同类型的值做运算
若变量类型可以用不同类型的值做运算
4

4.1（直接设置）
<div :class="m">......</div>
4.2(函数设置)
...
<div>......</div>
<button @click="a">停</button>
...
a(){docoment.getElementByname("...")}