全局配置服务器接口,全局配置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的属性名).(要获取的属性)