Sakura

sakura
博客园 首页 新随笔 联系 订阅 管理

2020年10月28日 #

vue 动画组件封装 【js 动画】
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scrip 阅读全文
posted @ 2020-10-28 18:45 .geek 阅读(140) 评论(0) 推荐(0) 编辑

vue 使用插槽对动画组件进行封装
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scrip 阅读全文
posted @ 2020-10-28 18:42 .geek 阅读(175) 评论(0) 推荐(0) 编辑

vue 自定义动画
摘要： 1. 使用默认的名称 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue. 阅读全文
posted @ 2020-10-28 18:19 .geek 阅读(325) 评论(0) 推荐(0) 编辑

vue 动画过渡 【transition-group标签】
摘要： vue 通过在某一时刻 添加一些样式，实现动画 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/ 阅读全文
posted @ 2020-10-28 17:44 .geek 阅读(642) 评论(0) 推荐(0) 编辑

vue 计算属性和 监听属性
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scrip 阅读全文
posted @ 2020-10-28 17:22 .geek 阅读(227) 评论(0) 推荐(0) 编辑

vue 生命周期【钩子函数】
摘要： 代码演示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></ 阅读全文
posted @ 2020-10-28 17:09 .geek 阅读(85) 评论(0) 推荐(0) 编辑

vue 父子组件传值
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scrip 阅读全文
posted @ 2020-10-28 16:59 .geek 阅读(79) 评论(0) 推荐(0) 编辑

vue 基础，自定义组件
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scrip 阅读全文
posted @ 2020-10-28 16:45 .geek 阅读(84) 评论(0) 推荐(0) 编辑

vue 实现简单的 todoList
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scrip 阅读全文
posted @ 2020-10-28 13:34 .geek 阅读(152) 评论(0) 推荐(0) 编辑