随笔分类 -  vue

两种组件切换方式
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script></head><body> <div id="app"> 阅读全文
posted @ 2019-09-15 15:56 Hi前端 阅读(820) 评论(0) 推荐(0)
组件中的data和methods
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script></head><body> <div id="app"> 阅读全文
posted @ 2019-09-15 15:21 Hi前端 阅读(681) 评论(0) 推荐(0)
创建组件的方式
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script></head><body> <div id="app"> 阅读全文
posted @ 2019-09-15 14:20 Hi前端 阅读(497) 评论(0) 推荐(0)
v-for做动画使用transition-group包裹元素
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script> <style> li{ border: 1px das 阅读全文
posted @ 2019-09-15 10:39 Hi前端 阅读(1627) 评论(0) 推荐(0)
vue动画构子函数
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script> <style> .ball{ width: 15px; 阅读全文
posted @ 2019-09-14 21:48 Hi前端 阅读(423) 评论(0) 推荐(0)
vue动画-使用第三方animation.css类实现动画
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script> <link rel="stylesheet" href 阅读全文
posted @ 2019-09-14 19:55 Hi前端 阅读(643) 评论(0) 推荐(0)
vue动画
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script> <style> .v-enter, .v-leave- 阅读全文
posted @ 2019-09-14 19:53 Hi前端 阅读(184) 评论(0) 推荐(0)