vue基础02

类的绑定

请添加图片描述

样式绑定

请添加图片描述

条件模板指令

条件模板指令和显隐指令
模板指令:控制元素创建和删除的指令
循环模板指令
请添加图片描述
请添加图片描述

支付宝邮箱交互

请添加图片描述
请添加图片描述
请添加图片描述

过渡

请添加图片描述
请添加图片描述
过渡动画
请添加图片描述

过渡只有在本元素样式是用的class绑定的情况下宽高过渡才会展现,id等都不行。

过渡事件

请添加图片描述

多元素过渡

请添加图片描述

列表过渡

请添加图片描述

sort的用法

array.sort(sortby)
默认按照unicode编吗排序
function(a,b) {return a-b/return b-a}
return的值小于0则a在前,所以a-b就是升序从小到大,b-a就是从大到小,降序

ceil,around,floor

ceil:向上取整
around:四舍五入
floor:向下取整

自定义指令

指令:对dom元素的扩展,使其具有一定的行为特征(功能)
请添加图片描述

请添加图片描述
请添加图片描述

请添加图片描述

正则方法

test返回boolean值
exec返回一个长度为1的数组,受g影响,设置了g之后会记住lastindex,下次匹配从它开始。
match是String对象的方法,返回长度为一的数组,设置了g之后,会一下返回所有的数据。

组件

请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述

动态组件

请添加图片描述

用动态组件做选项卡

组件生命周期(10项)

https://www.cnblogs.com/qidh/p/11431998.html
beforeCreate、created、beforeMounted、mounted、beforeUpdate、updated、activated、deactivated、beforeDestroy、destroyed
请添加图片描述
请添加图片描述
在这里插入图片描述

keep-alive

请添加图片描述## 组件通信
请添加图片描述

父向子

父组件该属性改变会重新发给子组件,子组件改变不会发给父组件
请添加图片描述

自定义事件-发布消息

请添加图片描述
请添加图片描述

耦合且无法校验

子向父

请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述

兄弟组件间通信

请添加图片描述

数据双向绑定的实现

请添加图片描述

ref

请添加图片描述

插槽

请添加图片描述
请添加图片描述

vuex

请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述

请添加图片描述
请添加图片描述

请添加图片描述

请添加图片描述
请添加图片描述

mapState

请添加图片描述

请添加图片描述
请添加图片描述

vuex的模块切割

只有state中的数据切割了,访问前要带上命名空间
getters共享,不允许同名,不被切割
actions和mutations可正常访问,全局消息改变全局数据,局部消息改变局部数据。
请添加图片描述

logger插件

请添加图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值