摘要: HTML部分: JS部分: 显示结果: 当点击 显示/隐藏 按钮后: 有图发现,根据Elements可见,v-show所在的p标签只是切换了display:none;的样式,而v-if所控制得标签,则被删除了。 总结: v-if 的特点:每次都会更新删除或创建元素 v-for 的特点:每次不会更新进 阅读全文
posted @ 2019-01-12 19:32 CHECKY 阅读(165) 评论(0) 推荐(0) 编辑
摘要: JS部分: 一、循环数组 结果: 二、循环对象数组 结果: 三、遍历对象 结果: 四、迭代数字 结果: 五、v-for中key使用,key可以保证数据唯一标识不被改变 JS部分: HTML部分: 页面: 现在如果新添加一条数据id=4,name=XXX,显示结果如下: 每个用户的id没有改变,当我们 阅读全文
posted @ 2019-01-12 18:17 CHECKY 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 一、使用class样式: CSS部分: JS部分: 2.数组中的三元表达式 3.数组中嵌套对象 4.直接使用对象 5.直接引用对象 二、使用内联样式 JS部分: 1、直接使用CSS对象 2、使用js对象 3、使用多个样式 阅读全文
posted @ 2019-01-12 17:44 CHECKY 阅读(303) 评论(0) 推荐(0) 编辑