1.v-bind属性绑定 2.v-on事件绑定可简写为@ .stop阻止事件冒泡。self(自己) .prevent阻止默认事件 .capture监听时间捕获(从外到内) .onece只触发一次 3. <p v-for="item in list">{ {item.id}}</P>v-for循环,in后面可以是数组,数组对象,对象,数字 <p v-for="(item,i) in list">{ {item}}</P> i就是索引值 <p v-for="count in 10">{ {count}}</P>迭代0-10, 4 v-if,v-show切换显示隐藏效果,对应值为ture/flase推荐v-show初始化性能低,频繁切换可使用, 5.过滤器使用filter() 6.生命周期函数和原理-组件创建期间的4个钩子函数 7.自定义函数Vue.directive() 8.动画:v-enter,v-enter-to,v-enter-active ; v-leave,v-leave-to,v-leave-active,给需要动画处加transition标签包裹,循环v-for列表动画处加transition-group标签包裹并加上:key属性绑定,可自定义动画名前缀 动画钩子函数(动画生命周期函数)入场+出场 入场:@before-enter="beforeEnter",@enter="enter",@after-enter="afterEnter" v-move{transition:"all 0.9s ease"},v-leave-active{position:absolute}//移除动画时的过渡,固定写法 <
uve学习知识点
最新推荐文章于 2024-04-18 22:48:12 发布