每天学点Vue,学习笔记---DAY3

查询列表

添加数据

删除数据:

 

全局配置数据接口根域名(提高健壮性),和emulateJSON选项(让数据以表单形式提交)

vue动画

例子:

自定义动画代替使用v-前缀,

    .v-enter => .name-enter

(存在多个动画的时候)

 

animate.css的使用:动画的快速使用:使用入和出类名,加animated即可,网址: https://daneden.github.io/animate.css/

 

半场动画:

el.offsetxx():使用这个函数,使小球有移动画面

enter里,最后要用done(),即立即调用afterEnter这个函数(使小球消失)

 

 

 

列表动画:transition-group的使用:用v-for循环渲染出来的,不能使用transition包裹,需要用transition-group

 

移除列表动画:

注:使用absolute时,如果没有设置宽度,宽度默认为最小值,这里要设置下宽度(li)

appera:实现页面入场(F5或刚载入的时候)的效果:

设置动画的过渡模式:先出再进

 

tag标签的用法:指定一个标签名,代替原来默认渲染的span标签

 

vue组件:

简化合并:

再简化:

 

注:

 

使用:components注册私有组件

 

组件中的data使用:

 

为什么要data要定义成一个函数,并return 一个对象

组件的切换

使用vue提供的 <component>标签实现组件的切换

 

通过动画实现组件之间的切换: