2018-04-22 认识Vue

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' }

        ]

      }

    }

  }