-1.vue自定义指令
定义方式:
- 全局定义 Vue.directive( 指令的名称,指令的选项 )
- 局部定义 组件内选项: directives
①.全局定义
②:局部定义
2.混入 mixin
①. 什么叫做混入?
- 将组件的选项中的一部分分离出去,单独管理
②. 方式有两种:
- 局部混入 mixins 【 推荐 】
- 全局混入 Vue.mixin 【 不推荐 】
局部混入:
- 全局混入:
3.异步组件:
4.自定义插件: - ①. 定义的插件应该有一个 install 方法
- ②. 自定义插件必须使用 Vue.use( 插件名称 ) 才能使用插件
- 过渡和动画
- 过渡 【 css3 】 通过css来实现过渡效果
- 动画 【 js 】 通过js 来实现动画效果
Vue中如何使用以上两个效果呢?
- 自定义css
- 第三方css库 【 Animate.css 】 推荐
- 自定义动画
- 第三方js动画库 【 Velocity.js 】 推荐
第三方css库(Animate.css)
先引入在线cdn文件: <link href="https://cdn.bootcss.com/animate.css/3.7.2/animate.css" rel="stylesheet">