前端学习--Vue.js Day3

1、品牌列表-从数据库获取列表

发送Ajax（get、post、jsonp）请求时要尽量在挂载之前，最好在created中执行发送函数（最早也只能是在created，这时才能获取data和methods）

2、品牌列表–完成添加功能


3、品牌列表–完成删除功能

4、品牌列表–全局配置数据接口的根域名

5、品牌列表–全局配置emulateJSON选项

6、动画-使用过渡类名实现动画
7、动画-自定义“v-”前缀：区分不同组之间的动画

8、动画-使用第三方animate.css类库实现动画

9、动画-钩子函数实现半场动画介绍
钩子函数：动画的生命周期函数

10、动画-钩子函数实现小球半场动画

11、使用transition-group元素实现列表动画
12、实现列表删除和删除时候的动画效果

13、transition-group中的appear和tag属性的作用

14、组件：
（1）什么是组件
（2）组件化和模块化的不同：

（3）创建组件的方式：
方法1：Vue.component（全局组件）与Vue.extend
定义组件：Vue.extend会返回一个组件对象
data 选项是特例，需要注意 - 在 Vue.extend() 中它必须是函数

或者

使用组件：注意组件名声明的时候可以驼峰命名，则使用时需要用”-小写“来代替大写

方法2：Vue.component（全局组件）与{}(对象)

注意点：

方法3：
定义组件

使用组件：

（4）使用components定义私有组件
定义html内容

在id = vm2中定义组件

使用组件（这里是局部组件）

（5）组件中的data：此时的data不能是对象而是定义成为一个函数

（6）为什么组件的data必须是一个function


好处在于：
每次实例组件都会创建一个count变量，每个实例之间没有关联

（7）组件切换–使用v-if和v-else结合flag进行切换
缺点：flag只有true和false两种结果，因此只能切换两个组件

（8）组件切换–使用Vue提供的component元素实现组件切换

（9）组件切换–应用切换动画和mode方式