摘要: 一、遍历数组对象 二、遍历对象 三、数字迭代 阅读全文
posted @ 2019-09-16 15:47 养一只Tom猫 阅读(3962) 评论(0) 推荐(0) 编辑
摘要: 一、引入 第一步:导入vue.js文件 第二步:创建一个Vue实例 var 变量 = new Vue({ el: 选择器,//表示,我们当前new的这个vue实例,要控制页面上的那个区域 data:{//存放的是el中要用的数据 msg:'欢迎学习Vue'//通过Vue提供的指令,很方便的就能把数据 阅读全文
posted @ 2019-09-16 15:47 养一只Tom猫 阅读(1054) 评论(0) 推荐(0) 编辑
摘要: 解构赋值 1、数组解构: 允许我们按照一一对应的关系从数组中提取值,然后将值赋值给变量 let [a,b,c] = [1,2,3]; console.log(a); console.log(b); console.log(c); 2、对象解构 允许我们使用变量的名字匹配对象的属性,匹配成功将对象属性 阅读全文
posted @ 2019-09-16 15:46 养一只Tom猫 阅读(109) 评论(0) 推荐(0) 编辑
摘要: let 关键字:声明变量 特点: 1、变量只在所处于的版块有效(在{}中声明只在此{}中有效) 2、不存在变量提升 3、暂时性死区: const关键字:声明常量,常量就是值(内存地址)不能变化的量 特点: 1、具有块级作用域。 2、使用const声明变量时必须赋初始值。 3、常量赋值后,值不能修改。 阅读全文
posted @ 2019-09-16 15:46 养一只Tom猫 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 注意:v-model只能用于表单元素 阅读全文
posted @ 2019-09-16 15:46 养一只Tom猫 阅读(1379) 评论(0) 推荐(0) 编辑
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script src="../vue.js" type="text/javascript" charset="utf-8"></script> 7 </head> 8 <body> 9 <div id="app" 阅读全文
posted @ 2019-09-16 15:46 养一只Tom猫 阅读(1385) 评论(0) 推荐(0) 编辑
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script src="../vue.js" type="text/javascript" charset="utf-8"></script> 7 </head> 8 <body> 9 <div id="app" 阅读全文
posted @ 2019-09-16 15:46 养一只Tom猫 阅读(2206) 评论(0) 推荐(0) 编辑
摘要: 箭头函数 定义函数的方式:()=>{}; 注意: 1、函数体重只有一句代码,且代码的执行结果就是返回值,可以省略大括号。 const fn = (a, b) => a + b; 等价于 const fun = (a,b) => { retuen a+b; } 2、形参只有一个外面的小括号可以省略 c 阅读全文
posted @ 2019-09-16 15:46 养一只Tom猫 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 剩余参数:... 定义:允许我们将一个不定数量的参数表示为一个数组。 const sum = (...arr) => { let sum = 0; for (let i = 0; i < arr.length; i++){ sum += arr[i]; } return sum; } sum(10, 阅读全文
posted @ 2019-09-16 15:46 养一只Tom猫 阅读(312) 评论(0) 推荐(0) 编辑
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <link rel="stylesheet" type="text/css" href="./css/bootstrap.css" /> 7 <script src="../vue.js" type="text/javascript&qu 阅读全文
posted @ 2019-09-16 15:46 养一只Tom猫 阅读(438) 评论(0) 推荐(0) 编辑