Vue

{{you}}

new Vue({        //element 元素 选择器

el:'.me',

data:{    //data  数据

you:'hellow'

}

})

v-model

{{msg}}

new Vue({

el:'.me',

data:{

msg:''

}

})

v-on

按钮

var vm=new Vue({

el:'#itany',

data:{

msg:'hello vue'

},

methods:{

alt:function(){

alert(vm.msg)

alert(this.msg)

}   

}

})

vue-for

• {{v}}

new Vue({

el:'.me',

data:{

arr:[123,456,789],

obj:{name:'fuck',age:8}

}

})

• {{age}}__{{name}}

new Vue({

el:'.me',

data:{

obj:{name:'fuck',age:8}

}

})

• {{vel.num}},{{vel.name}},{{vel.price}}

new Vue({

el:'.me',

data:{

arrs:[

{num:1,name:'苹果',price:3},

{num:2,name:'香蕉',price:2},

{num:3,name:'梨',price:1}

]

}

})

vue-for表格

编号	名称	单价
{{vel.num}}	{{vel.name}}	{{vel.price}}

new Vue({

el:'.me',

data:{

arrs:[

{num:1,name:'苹果',price:3},

{num:2,name:'香蕉',price:4},

{num:3,name:'梨',price:5},

{num:4,name:'橘子',price:6}

]

}

})