Vue学习笔记day03

全局配置服务器接口，全局配置emulateJSON选项

动画

1.把需要加载动画的元素用transition元素包裹起来，transition元素是vue官方提供的元素。
2.动画有四个状态 enter 进入前 enter-to进入后 leave离开前 leave-to离开后，enter与leave-to的状态是一样的，enter-to与leave的状态是一样的，所以在写样式的时候只需要两个指令控制，opacity 状态为0或1来控制，写样式时加入v-前缀，transition默认需要加入

3.自定义前缀在transition中加入name属性name=“属性名” 这个时候写样式时在样式前面加入自己定义的属性名
4.使用 :duration来设置动画入场和离场所用的时间 :duration=“毫秒值”
5.使用animate插件来实现动画
6.钩子函数可实现半场动画，半场动画只执行enter与enter-to的状态
7.transitiongroup包裹表单元素，实现表单，列表元素的动画操作

Vue组件

组件化和模块化的区别

创建组件的方式
1.第一种
2.第二种方式（不再使用Vue.extend,直接使用Vue.component）

3.第三种方式（不用模板字符串，在vm控制的v外面写一个template标签，将代码写入里面来定义组件）
4.第四种方式
定义私有组件 components 属性，定义在私有的vm内部

组件中的data数据

组件中的data数据必须用function定义并用return返回的目的是使相同的组件之间数据互不影响

组件切换
1.第一种方式
使用 v-if和v-else来实现切换
2.第二种方式
在vm的data属性中定义comName的初始值为login，即可实现切换，没有组件数量的限制

通过mode属性来改变组件切换的方式

父组件向子组件传值
父组件向子组件传值需要用v-bind绑定属性，并将绑定的属性名放入子组件的props数组中，并且prpos是属性中唯一一个数组类型，其他的都为对象类型
父组件向子组件传递方法
父组件向子组件传递方法使用v-on来绑定事件的属性，并将属性写在子组件的methods属性中，用this.$emit()来触发方法。

ref获取DOM元素和组件
使用方法 this.(￥)refs.(要获取的元素或者是组件上的ref的属性名).（要获取的属性）