摘要: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>初识组件</title> <script src="vue.js" type="text/javascript" charset="utf-8"></script> </head> 阅读全文
posted @ 2020-05-19 16:24 Smile*^ 阅读(115) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js"></script> </head> <body> <div id="vue-app08"> <h1>v-for循环</h1 阅读全文
posted @ 2020-05-18 21:12 Smile*^ 阅读(117) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .big{ border: 2px solid red; } .a{ width: 200px; height: 200px; background 阅读全文
posted @ 2020-05-17 21:16 Smile*^ 阅读(355) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js"></script> </head> <body> <div id="vue-app07"> <h2>V-if</h2> < 阅读全文
posted @ 2020-05-16 09:19 Smile*^ 阅读(132) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* * 清除默认样式 */ *{ margin: 0; padding: 0; } /* * 设置ul */ .n 阅读全文
posted @ 2020-05-15 20:19 Smile*^ 阅读(1114) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js"></script> </head> <body> <div id="vue-app05"> <h1>computed计算属 阅读全文
posted @ 2020-05-14 14:20 Smile*^ 阅读(327) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* * 块元素在文档流中默认垂直排列,所以这三个div自上到下依次排开 * 如果希望块元素在页面中水平排列,可以使 阅读全文
posted @ 2020-05-13 10:09 Smile*^ 阅读(173) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--块元素和内联元素 div 就是一个块元素 所谓块元素就是会独占一行,无论它的内容有多少,它都会独占一行 p h1 h2 h3 阅读全文
posted @ 2020-05-12 18:43 Smile*^ 阅读(100) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>键值修饰符</title> <script src="vue.js"></script> </head> <body> <div id="vue-app04"> <h1>键盘 Eve 阅读全文
posted @ 2020-05-11 13:39 Smile*^ 阅读(91) 评论(0) 推荐(0)
摘要: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js" type="text/javascript" charset="utf-8"></script> <link href=" 阅读全文
posted @ 2020-05-10 21:15 Smile*^ 阅读(1903) 评论(0) 推荐(0)