小白咚 - 博客园

2019年10月2日

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文

posted @ 2019-10-02 16:32 小白咚阅读(4574) 评论(0) 推荐(0) 编辑

Vue--嵌套路由-多层级关系-to="/account/login"---路由子组件children: [],--保留父组件的内容

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文

posted @ 2019-10-02 16:17 小白咚阅读(972) 评论(0) 推荐(0) 编辑

Vue--路由带参跳转--/login?id=10--接收this.$route.query.id

摘要：方式2 阅读全文

posted @ 2019-10-02 15:54 小白咚阅读(3047) 评论(0) 推荐(0) 编辑

Vue--路由的基本使用（组件之间的跳转）new VueRouter---配置path和子组件---跳转路径带#<a href="#/register">---显示区域用<router-view>

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文

posted @ 2019-10-02 11:11 小白咚阅读(608) 评论(0) 推荐(0) 编辑

Vue--this.$refs 获取dom元素和组件（获取子组件的dom和方法）

摘要： Document 哈哈哈，今天天气太好了！！！阅读全文

posted @ 2019-10-02 10:46 小白咚阅读(33823) 评论(0) 推荐(0) 编辑

2019年10月1日

Vue评论案例--数据存放本地---联系子组件调用父组件方法（子组件点击发表-调用父组件更新评论列表）

摘要： Document 评论人： {{ item.user }} {{ item.content }} 评论人：评论内容： ... 阅读全文

posted @ 2019-10-01 23:00 小白咚阅读(302) 评论(0) 推荐(0) 编辑

vue--父组件向子组件传参--父组件定义v-bind:参数名--子组件接收props----子组件调用父组件的方法（子组件向父组件传参）父组件@事件名称--子组件接收this.$emit

摘要： <!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 @ 2019-10-01 21:56 小白咚阅读(1263) 评论(0) 推荐(0) 编辑

vue--组件切换--带动画效果---component

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文

posted @ 2019-10-01 15:52 小白咚阅读(4205) 评论(0) 推荐(0) 编辑

2019年9月30日

js string类型转换成数组对象类型---eval

摘要： js string类型转换成数组对象类型 eval 该方法只接受原始字符串作为参数，如果 string 参数不是原始字符串，那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。插件原始数据拼接的字符串：[{time:"00:00",value:0} 阅读全文

posted @ 2019-09-30 10:12 小白咚阅读(23111) 评论(0) 推荐(0) 编辑

2019年9月29日

Vue--创建组件-template---定义私有组件

摘要： <div id="app">  <mycom2></mycom2> </div> <script> // 注意:不论是哪种方式创建出来的组件,组件的 template 属性指向的模板内容,必须有且只能有唯一的一个根元素 Vue.component( 阅读全文

posted @ 2019-09-29 22:17 小白咚阅读(1982) 评论(0) 推荐(0) 编辑

2019年9月28日

vue--自定义标签属性--用于多个事件共同引用一个组件--但是两个事件要实现的功能不同-避免冲突

摘要： Document 这是一个H3 这是一个H6 阅读全文

posted @ 2019-09-28 21:33 小白咚阅读(1550) 评论(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="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文

posted @ 2019-09-28 21:29 小白咚阅读(7104) 评论(0) 推荐(0) 编辑

vue---向后台添加数据--删除数据--事件方法传参---在单页面配置url请求地址--暂时没有用到webpack

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文

posted @ 2019-09-28 20:43 小白咚阅读(2637) 评论(0) 推荐(0) 编辑

vscode安装Bootstrap插件--方便补全代码段

摘要：文件名字--bootstrap3 Sinppets 安装补全--bs3 组件都是bs3开头的例子： table表格 bs3-table-bordered 属性添加隔行变色--table-striped 阅读全文

posted @ 2019-09-28 13:10 小白咚阅读(8277) 评论(1) 推荐(0) 编辑

2019年9月27日

vue-resource--ajax请求数据

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文

posted @ 2019-09-27 22:29 小白咚阅读(298) 评论(0) 推荐(0) 编辑