听写day03

<div id="app">
<p>{{msg}}</p>
<p v-text="msg"></p>
<p v-html="msg"></p>
</div>

<script>
var vm = new Vue({
	el="#app",
	msg="123"

})

2.v-for 可以遍历数组

<p v-for="str in array">{{str}}</p>

数字

<p v-for="i in 10">{{i}}</p>

对象

<p v-for="value,key,index in hero">
<span>{{value}}</span>
<span>{{key}}</span>
<span>{{index}}</span>
</p>

3.弱变量类型和强变量类型语言的差异在于,能否进行隐式的类型转换

4. 4种
   单个值设置给标签

c1:"cred"

对象式设计

cObj:{
cred: true,
w100:true,
byellow:true,
}

简单数组设置

cSimpleArray:['cred','w100','byellow'],

对象数组设置

cObjArray:[{cred:true},{byellow:true},{w100:true}],

5 2种
将对象属性对应的样式值设置给标签

'color':"red",
'font-size':'100px',

将数组中对象中css样式设置给标签

{'color':'red'},
{'font-size':'60px'}