vue的一些基础知识

-1.vue自定义指令
定义方式:

  • 全局定义 Vue.directive( 指令的名称,指令的选项 )
  • 局部定义 组件内选项: directives

①.全局定义在这里插入图片描述
②:局部定义在这里插入图片描述
2.混入 mixin
①. 什么叫做混入?

  • 将组件的选项中的一部分分离出去,单独管理

②. 方式有两种:

  • 局部混入 mixins 【 推荐 】
  • 全局混入 Vue.mixin 【 不推荐 】

局部混入:
在这里插入图片描述
在这里插入图片描述

  • 全局混入:
    在这里插入图片描述
    3.异步组件:
    在这里插入图片描述
    4.自定义插件:
  • ①. 定义的插件应该有一个 install 方法
  • ②. 自定义插件必须使用 Vue.use( 插件名称 ) 才能使用插件
    在这里插入图片描述
    在这里插入图片描述
  1. 过渡和动画
  • 过渡 【 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">

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值