摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .red{ color: red; } </style> </head> <body> <div id="app"> 阅读全文
posted @ 2020-12-28 17:18 *!Walter!* 阅读(70) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <App></App> </div> <script src="./vu 阅读全文
posted @ 2020-12-28 17:16 *!Walter!* 阅读(63) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!--3.使用子组件--> <App></App> </div> <s 阅读全文
posted @ 2020-12-28 17:15 *!Walter!* 阅读(34) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!--3.使用子组件--> <App></App> </div> <s 阅读全文
posted @ 2020-12-28 17:14 *!Walter!* 阅读(92) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!-- 数据price和msg通过函数myPrice和myRevers 阅读全文
posted @ 2020-12-28 17:12 *!Walter!* 阅读(68) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- computed:对于比较长的计算和代码,放入computed方法中,直接{{函数名}}调用 阅读全文
posted @ 2020-12-28 17:11 *!Walter!* 阅读(69) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <ul> <!-- :key="item.id" 使用v-for的时候, 阅读全文
posted @ 2020-12-28 17:10 *!Walter!* 阅读(59) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .active{ color: red; } </style> </head> <body> <div id="ap 阅读全文
posted @ 2020-12-28 17:09 *!Walter!* 阅读(92) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>{{ msg }}</h2> <h3>{{ 3 }}</h3> 阅读全文
posted @ 2020-12-28 17:08 *!Walter!* 阅读(54) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> //es6直接写入变量和函数,作为对象的属性和方法 // const name =  阅读全文
posted @ 2020-12-28 17:07 *!Walter!* 阅读(37) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> //对于对象解构 可以使用{} 但是对于函数解构则使用[] //解构赋值对赋值运算符 阅读全文
posted @ 2020-12-28 17:04 *!Walter!* 阅读(68) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> //1.扩展运算符 //剩余运算符:把多个独立的合并到一个数组中 //扩展运算符:将 阅读全文
posted @ 2020-12-28 17:03 *!Walter!* 阅读(76) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> //1.带参数默认值的函数 //es5的写法 function add(a,b) { 阅读全文
posted @ 2020-12-28 17:01 *!Walter!* 阅读(60) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div class="box"> </div> <script> //获取当前.box标签对象 co 阅读全文
posted @ 2020-12-28 16:59 *!Walter!* 阅读(41) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> //let 声明变量 //1.let声明变量,没有变量提升 // console.l 阅读全文
posted @ 2020-12-28 16:58 *!Walter!* 阅读(77) 评论(0) 推荐(0) 编辑