uve学习知识点

本文涵盖了Vue.js的关键知识点,包括v-bind和v-on事件绑定,v-if/v-show的条件渲染,v-for循环,自定义指令,组件化开发,父子组件数据通信,动画效果实现,以及路由和监听。此外,还提到了webpack在Vue项目中的应用。
摘要由CSDN通过智能技术生成
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、付费专栏及课程。

余额充值