VUE.js是由华人尤雨溪单独创作。
vue是一套构建用户界面的渐进式框架。
npm install jquery 利用GIt下载vue插件
vue Angular React 三大框架
将hello vue在页面中展现出来
{{mag}}
new Vue({
el:'.itany',
data:{
msg:'hello vue',
}
})
vue中v-for的使用：
{{val}} 循环数组
{{val}} 循环对象
{{index}}--{{val}} 循环数组中元素对应的下标
{{index}}--{{val}} 循环对象中元素对应的下标
new Vue({
el:'.itany',
data:{
arr:[1,2,3,4,5],
obj:{name:"BOB", age:"20", sex:"boy"},
arry:[
{name:"Bob", age:"21", sex:"girl"},
{name:"Jack", age:"19", sex:"boy"},
{name:"Tom", age:"25", sex:"girl"}
]
}
})
vue中table的使用:
姓名
年龄
性别
{{val.name}}
{{val.age}}
{{val.sex}}
new Vue({
el:'.itany',
data:{
arry:[
{name:"Bob", age:"21", sex:"girl"},
{name:"Jack", age:"19", sex:"boy"},
{name:"Tom", age:"25", sex:"girl"}
]
}
})
</script>
网友评论