随笔分类 -  Vue

1 2 下一页
CentOS8安装vue和vue-cli
摘要：安装vue ''' 安装vue遇到警告 npm WARN saveError ENOENT: no such file or directory, open '/home/harold/package.json' npm WARN enoent ENOENT: no such file or dir 阅读全文
posted @ 2020-04-22 17:49 嘆世殘者——華帥 阅读(1290) 评论(0) 推荐(2)
Vue正确加载img的src路径
摘要：别问为什么了，知道这样用就好了 阅读全文
posted @ 2019-11-07 15:12 嘆世殘者——華帥 阅读(219) 评论(0) 推荐(0)
FastClick
摘要：移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件，这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件，才有了FastClick。 main.js 阅读全文
posted @ 2019-11-01 18:08 嘆世殘者——華帥 阅读(122) 评论(0) 推荐(0)
Vue动画的封装
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue动画的封装</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <style type="text/css"> .fade1-enter, .fade1-leave-to 阅读全文
posted @ 2019-10-31 18:55 嘆世殘者——華帥 阅读(149) 评论(0) 推荐(0)
Vue中的列表过渡
摘要：Vue中的列表过渡 {{item.title}}————{{item}} Add ... 阅读全文
posted @ 2019-10-31 18:18 嘆世殘者——華帥 阅读(136) 评论(0) 推荐(0)
Vue中多个元素或组件的过渡
摘要：Vue中多个元素或组件的过渡 Harold Hello toggle ... 阅读全文
posted @ 2019-10-31 16:27 嘆世殘者——華帥 阅读(205) 评论(0) 推荐(0)
Vue中的Js动画与Velocity.js的结合
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue中的Js动画与Velocity.js的结合</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="js/velocity.min.js"></scr 阅读全文
posted @ 2019-10-31 16:08 嘆世殘者——華帥 阅读(180) 评论(0) 推荐(0)
Vue中使用animate.css库
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue中使用animate.css库</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <link rel="stylesheet" type="text/css" href= 阅读全文
posted @ 2019-10-30 11:52 嘆世殘者——華帥 阅读(187) 评论(0) 推荐(0)
Vue——CSS过渡动画原理
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS过渡动画效果</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <style type="text/css"> /* * 显示： * 第一帧添加v-enter、v-ent 阅读全文
posted @ 2019-10-29 23:52 嘆世殘者——華帥 阅读(208) 评论(0) 推荐(0)
Vue-动态组件与v-once指令
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>动态组件与v-once指令</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="root"> <child-one v-if=&qu 阅读全文
posted @ 2019-10-28 20:31 嘆世殘者——華帥 阅读(139) 评论(0) 推荐(0)
Vue——slot插槽
摘要：作用域插槽 阅读全文
posted @ 2019-10-28 17:59 嘆世殘者——華帥 阅读(129) 评论(0) 推荐(0)
Vue——非父子组件间传值（Bus/总线/发布订阅模式/观察者模式）
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>非父子组件间传值（Bus/总线/发布订阅模式/观察者模式）</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="root"> <c 阅读全文
posted @ 2019-10-28 17:46 嘆世殘者——華帥 阅读(159) 评论(0) 推荐(0)
Vue——给组件绑定原生事件
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>给组件绑定原生事件</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="root"> <child @click.native=&q 阅读全文
posted @ 2019-10-28 15:39 嘆世殘者——華帥 阅读(124) 评论(0) 推荐(0)
Vue——组件参数校验与非Props特性
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>组件参数校验与非Props特性</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="root"> <child :content= 阅读全文
posted @ 2019-10-27 23:34 嘆世殘者——華帥 阅读(200) 评论(0) 推荐(0)
Vue——父子组件通信
摘要：父子组件通信 {{total}} 阅读全文
posted @ 2019-10-27 21:32 嘆世殘者——華帥 阅读(112) 评论(0) 推荐(0)
VUE——ref的使用
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Ref的使用</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="root"> <counter ref="one&quo 阅读全文
posted @ 2019-10-26 16:46 嘆世殘者——華帥 阅读(217) 评论(0) 推荐(0)
VUE——列表、对象循环渲染，更新
摘要：列表、对象循环渲染 {{item.text}} ———— {{index}} {{item}}--{{key}}--{{index}} ... 阅读全文
posted @ 2019-10-25 16:42 嘆世殘者——華帥 阅读(684) 评论(0) 推荐(0)
vue计算属性，方法，监听器
摘要：getter&&setter 阅读全文
posted @ 2019-10-22 15:07 嘆世殘者——華帥 阅读(152) 评论(0) 推荐(0)
vue生命周期
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue实例生命周期函数</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> < 阅读全文
posted @ 2019-10-22 14:26 嘆世殘者——華帥 阅读(132) 评论(0) 推荐(0)
Vue——TodoList父子组件通信
摘要：___________________________________cli______________________________________ TodoList.vue TodoItem.vue 阅读全文
posted @ 2019-10-21 14:47 嘆世殘者——華帥 阅读(162) 评论(0) 推荐(0)

1 2 下一页