![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
candy755
这个作者很懒,什么都没留下…
展开
-
Vue的动画使用
关于Vue动画基本使用原理见下图:现在利用语法1(css版)做一个简单的动画效果,其中translate是移动动画效果,scale是缩放动画效果:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> &原创 2018-09-11 21:27:21 · 2413 阅读 · 0 评论 -
鼠标拖拽div移动并且背景颜色随机改变(根据Vue自定义指令)
今天给大家利用vue自定义指令做一个简单拖拽效果,所谓自定义指令就是Vue除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。因为Vue自带的指令都是比较偏向于工具化,有些时候在实现具体的业务逻辑的时候,发现不够用,所以就需要自定义指令,下图是自定义指令的语法。.今天所要实现的效果,代码如下:<!DOCTYPE html>&l...原创 2018-09-10 22:34:19 · 2569 阅读 · 0 评论 -
vue的计算属性和侦听属性
利用计算属性computed做了个简单的两个数相加的效果,代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="原创 2018-09-09 18:36:37 · 832 阅读 · 0 评论 -
Vue自定义指令-div根据输入框输入的颜色变化背景色
今天利用Vue自定义指令-做个div根据输入框输入的颜色变化背景色的效果图,注意的是,输入的颜色只针对英语和16进制的颜色,输入中文无效。代码奉上:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <原创 2018-09-13 19:55:32 · 9719 阅读 · 7 评论