uve学习知识点

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}//移除动画时的过渡,固定写法
<
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值