vue
鱼儿跳
这个作者很懒,什么都没留下…
展开
-
vue系列学习4:v-bind和style、class绑定
将v-bind用于class和style时,Vue.js 做了专门的增强。表达式结果的类型可以是:字符串、对象、数组。<style> .base{ width: 100px; height: 100px; border: 1px solid black; } .red{ background-color: red; ...原创 2022-01-25 13:55:54 · 679 阅读 · 0 评论 -
vue系列学习3:v-for
v-for遍历数组:v-for="item in 数组"v-for="(item,index) in 数组",v-for遍历对象v-for="v in 对象" 使用{{v}}v-for="(v,k) in 对象",使用{{v}},<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2022-01-21 16:47:25 · 295 阅读 · 0 评论 -
vue系列学习2:v-show 和 v-if 区别
v-show : 通过display:none来控制显示或者隐藏频繁切换的换,使用v-showv-if:是真正的条件渲染,通过删除或者创建一个元素来控制显示和隐藏<h1 v-show = "isShow" >v-show的盒子</h1><h1 v-if = "isShow">v-if的盒子</h1><button @click = "fn"> 这是一个按钮 </button>数据:isShow = true方原创 2022-01-21 14:23:21 · 417 阅读 · 0 评论 -
vue系列学习1:快速了解箭头函数
箭头函数:不使用this场景:定时器;数组里面的一堆方法foreach、map、filter普通函数:可使用this,指向对象当确定想要用this的时候,就不能用箭头函数对于对象的方法,不能使用箭头函数...原创 2022-01-17 14:54:17 · 548 阅读 · 0 评论