Vue-day1

使用vue之前

安装NPM

需要NPM模块管理工具(相当于java的Maven),需要安装NodeJs(提供了NPM),NodeJs下载：NodeJs下载地址.

ideal创建前端项目

1. ideal安装NodeJs插件
2. 初始化：npm init -y -----相当于建了一个maven工程(在Terminal输入指令)
3. 安装模块 全局安装(所有项目都能用) 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);

Vue基本语法