2020年9月29日
Vue-路由
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-09-29 22:41 KwFruit 阅读(115) 评论(0) 推荐(0) 编辑
Vue-v-for
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-09-29 22:14 KwFruit 阅读(83) 评论(0) 推荐(0) 编辑
2020年9月28日
Vue-v-if,v-else,v-show
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-09-28 23:09 KwFruit 阅读(141) 评论(0) 推荐(0) 编辑
Vue-修饰符(轻松应对登录校验)
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-09-28 23:01 KwFruit 阅读(110) 评论(0) 推荐(0) 编辑
Vue-事件绑定
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-09-28 22:55 KwFruit 阅读(67) 评论(0) 推荐(0) 编辑
Vue-单向双向绑定
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-09-28 22:50 KwFruit 阅读(117) 评论(0) 推荐(0) 编辑
2020年9月26日
Vue-VsCode 创建代码片段(Vue固定模板)
摘要： 1，文件 => 首选项 => 用户代码片段 => 新建全局代码片段/或文件夹代码片段：vue-html.code-snippets 2，注意：制作代码片段的时候，字符串中如果包含文件中复制过来的“Tab”键的空格，要换成“空格键”的空格 { "vue htm": { "scope": "html", 阅读全文
posted @ 2020-09-26 22:53 KwFruit 阅读(229) 评论(0) 推荐(0) 编辑
Vue-入门(HELLOWORLD)
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-09-26 22:40 KwFruit 阅读(112) 评论(0) 推荐(0) 编辑
ES6-箭头函数
摘要： <html> <head> <title>ES6-箭头函数</title> </head> <body> <script> // 箭头函数提供了一种更加简洁的函数书写方式。基本语法是： //参数 => 函数体 //单个参数情况 { //传统写法 var f1=function(a){ return 阅读全文
posted @ 2020-09-26 22:21 KwFruit 阅读(91) 评论(0) 推荐(0) 编辑
ES6-对象扩展运算符
摘要： <html> <head> <title>ES6-对象扩展运算符</title> </head> <body> <script> // 1、拷贝对象 { let person1 = { name: "Amy", age: 15 }; let someone = { ...person1 }; con 阅读全文
posted @ 2020-09-26 22:11 KwFruit 阅读(97) 评论(0) 推荐(0) 编辑