自定义指令&混入mixin&过度和动画

vue列表循环非响应式情况

1. 数组的length无法响应
   • 处理手段： 使用 arr = null arr.splice( 0 )
2. 当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue
   • 处理手段: Vue.set / this.$set

自定义指令

1. 内置指令
   • v-html
   • v-text
   • v-on
   • v-bind
   • v-if
   • v-else-if
   • v-else
   • v-show
   • v-for
   • v-model
   • v-slot 【 2.6.x 】
2. 业务: 当我第一次打开页面时，自动获取搜索框的焦点，用一个指令实现
3. 定义方式
   • 全局定义 Vue.directive( 指令的名称，指令的选项 )
   • 局部定义 组件内选项： directives
4. 作业： 自定义指令实现案例

混入 mixin

1. 什么叫做混入？
   • 将组件的选项中的一部分分离出去，单独管理
2. 方式有两种
   • 局部混入 mixins 【 推荐 】
   • 全局混入 Vue.mixin 【 不推荐 】

自定义插件

1. 定义的插件应该有一个 install 方法
2. 自定义插件必须使用 Vue.use( 插件名称 ) 才能使用插件
3. 案例：
   • 自定义Loading
   • 封装组件库
   • vue路由
   • vue状态管理 vuex

过渡和动画

1. 过渡 【 css3 】 通过css来实现过渡效果
2. 动画 【 js 】 通过js 来实现动画效果
3. Vue中如何使用以上两个效果呢?
   • 自定义css
   • 第三方css库 【 Animate.css 】 推荐
   • 自定义动画
   • 第三方js动画库 【 Velocity.js 】 推荐