使用vue之前
安装NPM
需要NPM模块管理工具(相当于java的Maven),需要安装NodeJs(提供了NPM),NodeJs下载:NodeJs下载地址.
ideal创建前端项目
- ideal安装NodeJs插件
- 初始化:npm init -y -----相当于建了一个maven工程(在Terminal输入指令)
- 安装模块 全局安装(所有项目都能用) npm install -g vue,局部安装(当前项目使用) npm install/i vue
ES6
关于ES
ECMAScript是浏览器脚本语言的规范,可以狭义理解是javascript的规范。
重要语法
let
let是块级,var是全局
var定义的变量没在函数内部的话就是全局变量,在函数内部用var声明的就是局部变量,在函数内部没有用var声明的变量,在第一调用后,会提升为全局变量.
<!--let 定义的变量只在它的作用域有效-->
for(let i = 1;i < 10;i++ ) {
console.log(i);
}
let x = 100; //报错 undefined
const
const(常量)定义的变量不可以被修改.相当于java的final
解构表达式
数组解构
let arr = [1,2,3];
const [d,b,c] = arr;
console.log(d); //1
console.log(b); //2
console.log(c); //3
json对象解构
let obj = { //json对象
"name":"王大锤","age":20,
eat(){
console.log("可不可以解构函数");
}
};
let {name,age,eat} = obj;
console.log(name);
console.log(age);
console.log(eat()); //也可以解构函数
箭头函数
// 箭头函数
let fun = ele =>console.log("我是箭头函数"+ele);
fun("呵呵呵");
// 如果参数只有一个可以省略(),函数内容只有一句代码可以省略{}
json对象定义函数的方式,我喜欢使用第三种.在js中定义json对象中的字段的key可以不加引号.
箭头函数加解构表达式
let obj = { //json对象
name:"王大锤",age:20,
eat(){
console.log("可不可以解构函数");
}
};
let fun3 = ({name}) => console.log(name);
fun3(obj);