VUE基础知识及概念（附表格代码）

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>