1.之前的项目开发中没有接触过vue,希望可以通过这十天的学习和大家一同努力,一起成长
2.由于之前没有过多的vue react angular开发经验,理解程度上稍慢,目前完成了初版,之后会再完成之后的功能和后续的学习
收获 如下:
(1)利用flex进行页面布局(暂不考虑低版本浏览器兼容),锻炼了flex布局的熟练度
(2)了解了vue(非cli安装下)vue使用的基本结构
new Vue({
el:'.mainBox',
data:{
//数据初始化
},
methods:{
//方法
}
})
(3)理解了事件绑定,数据双向绑定,时间修饰符,数据循环的书写格式
v-on:keyup
@click
@dbkclick
@blur
@keyup
v-model
v-show
v-bind:class
v-for
页面效果:
js文件
html文件
css文件