2018-04-22 认识Vue
2018-04-30 本文已影响0人
Sallyscript
vue 写在 JavaScript内部
一般export defalt {
data(){
return {
赋值代码(每行代码之间用,间隔)
//如另a的大小为10则写a:10
}
}
}
语法：v-bind 绑定一个属性
v-bind 缩写 是：
<img v-bind:src="imgsrc">
<img :src="imgsrc">
<div :class="{red:isRed}"></div>
<div :style="{fontSize :size +'px'}"> </div>
语法：v-for
v-for 把一个数组变为一组元素
v-for=" value in objects "
内部运用到item in items 形式的特殊语法
items 源数据数组 item 数组元素迭代别名
<ul>
<li v-for=" item in items">
{{item.message}}
</li>
</ul>
export default {
data () {
return {
items: [
{ message: 'Foo' },
{ message: 'Bar' }
]
}
}
}
