2018-09-14 知识点

v-for="" 循环
v-model='' 双向数据绑定 用于表单元素
v-on:事件名='函数名' 绑定一个事件的 简写@click=""

v-bind:属性名='' 绑定一个属性 简写 ：属性名='值'

v-show="" 控制元素的显示或隐藏 display:none
v-if="" 控制元素的显示或隐藏 visibility:hidden;
tofixed(n//保留几位小数)
display:none;与visibility：hidden的区别
1.display:none是彻底消失 不在文档流中占位浏览器也不会解析该元素；
visibility:hidden是视觉上消失了 可以理解为透明度为0的效果，在文档流中占位。浏览器会解析该元素；
2.使用vibility:hidden比display：none性能上要好，display:none切换显示时visibility。页面产生回流（当页面中的一部分元素需要改变规模尺寸、布局、显示隐藏等，页面重新构建，此时就是回流 所有页面第一加载时需要产生第一次回流），而visibility，页面重新构建，此时就是回流。所有页面第一次加载时需要产生一次回流),而vibisility切换是否显示时则不会引起回流。
所以我使用visibility:hidden,在页面渲染时第二个tab页面中的轮播图就可以获取宽度做自适应了
第一节

添加用户

姓名

年龄

邮箱

添加 重置

序号	姓名	年龄	邮箱	操作
{{v.num}}	{{v.name}}	{{v.old}}	{{v.email}}	删除

第二节 v-if vi-else-if v-else 的运用

0000000

11111

222222

3333

4444

555555

第三节 切换图片的选项卡

• {{index+1}}