随笔分类 -  Vue

摘要:参考代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Vue的Ajax、数组、动画等技术综合测试-B</title> <style> .v-enter, .v-leave-to { opacity: 0; transf 阅读全文
posted @ 2021-01-15 08:48 dshow 阅读(75) 评论(0) 推荐(0) 编辑
摘要:参考代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Vue 数据排序测试</title> </head> <body> <div id="app"> <table class="recommend 阅读全文
posted @ 2021-01-15 00:22 dshow 阅读(110) 评论(0) 推荐(0) 编辑
摘要:练习1: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>组件练习 阅读全文
posted @ 2021-01-14 18:09 dshow 阅读(226) 评论(0) 推荐(0) 编辑
摘要:参考代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>组件切 阅读全文
posted @ 2021-01-14 17:59 dshow 阅读(64) 评论(0) 推荐(0) 编辑
摘要:参考代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>组件切 阅读全文
posted @ 2021-01-14 17:57 dshow 阅读(65) 评论(0) 推荐(0) 编辑
摘要:参考代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>子组件 阅读全文
posted @ 2021-01-14 17:53 dshow 阅读(80) 评论(0) 推荐(0) 编辑
摘要:参考代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>父组件 阅读全文
posted @ 2021-01-14 17:51 dshow 阅读(55) 评论(0) 推荐(0) 编辑
摘要:参考代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue 阅读全文
posted @ 2021-01-14 17:47 dshow 阅读(92) 评论(0) 推荐(0) 编辑
摘要:参考代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ren 阅读全文
posted @ 2021-01-14 17:44 dshow 阅读(81) 评论(0) 推荐(0) 编辑
摘要:参考代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ren 阅读全文
posted @ 2021-01-14 17:42 dshow 阅读(95) 评论(0) 推荐(0) 编辑
摘要:代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue的Ajax、数组、动画等技术综合测试-A</title> <style> .v-enter, .v-leave-to{ opacity: 0; transform 阅读全文
posted @ 2021-01-13 15:54 dshow 阅读(66) 评论(0) 推荐(0) 编辑
摘要:代码参考: <!DOCTYPE html> <html> <head id="head"> <title>computed 测试</title> </head> <body> <div id="app"> <p>computed 测试,数值平方:{{computedNum}}</p> <input 阅读全文
posted @ 2020-12-16 12:05 dshow 阅读(161) 评论(0) 推荐(0) 编辑
摘要:一个简单的加法运算 <!DOCTYPE html> <html> <head id="head"> <title>{{title}}</title> </head> <body> <div id="app"> <p>最终加法结果:{{sumNum}}</p> <input type="text" v 阅读全文
posted @ 2020-12-16 11:11 dshow 阅读(1758) 评论(0) 推荐(0) 编辑