常量和變量

• 用 let 來聲明變量

• 用const來聲明常量，常量一旦聲明無法改變

• 字符串的拼接

let name = "xmg";
    let age = 10;
    let  res = `我叫${name}--年齡${age}`;
    alert(res);

    let list = ['1','2','3'];
    let list2 = ['4','5','6'];
    //...數(shù)組的名稱  展開數(shù)組
    let resList = [...list,...list2];

    /*對象賦值*/
    let obj = {name:'123',age:0,address:'123'};
    let obj1 = {name:'xmg',age:12}
    let obj2 = {name:'gxq',age:10,address:'address'};
    /*合并對象 如果有相同的key,后面的對象會給前面的對象嗡官，給覆蓋掉箭窜。*/
    Object.assign(obj,obj2);

    console.log(obj);

    let obj3  = {
        name() {
            alert('name');
        }
    }
    obj3.name();

箭頭函數(shù)

• 箭頭函數(shù)就是對匿名函數(shù)的簡寫

var fnres = function () {

     }

 var fn = ()=>{
     alert('show');
     }
     fn();

let fn2 = function (args) {
        alert(args);
    }
    fn2(10)

//擁有一個參數(shù)可以用以下方式簡寫
let fn2 = args => {
        alert(args);
    }
    fn2(10);

 this.$http.get('/someUrl').then( response=> {

    }, response => {
        // error callback
    });

元組

  function test() {

        return ['10','20'];
    }


    let [a,b] = test();
    console.log(a,b);


    /*結(jié)構(gòu)對象*/
    function breakfast() {
        return {dessert:'bra1',drink:'bra2',fruits:'bra3'}
    }
    /*把對象當(dāng)中的屬性賦值給結(jié)構(gòu)*/
    let {dessert:dessert,drink:drink,fruits:fruits} = breakfast();
    console.log(dessert,drink,fruits);

類

    class baby{

        constructor(weight,sex){  //構(gòu)造方法：在創(chuàng)建實例時，會自動調(diào)用該方法 初始化方法
            this.weight  = weight;
            this.sex = sex;
            this.age = 1;
        }

        show(){
            alert(this.weight+this.sex+this.age);
        }

        get xmg(){ /*get方法什么時候調(diào)用：*/
            return this.age;
        }

        set xmg(val){
            alert(val);
        }


        static say(){ /*靜態(tài)方法：不需要創(chuàng)建對象衍腥，直接使用類名調(diào)用的方法 叫靜態(tài)方法*/
            alert("hello world");
        }

    }

/*   var per = new baby('8','男');
    per.show();*/

    var per2 = new baby('5','女');
    //alert(per2.xmg);//會自動調(diào)用該屬性的get方法磺樱。
    per2.xmg = 10;
    /*baby.say();*/

路由的區(qū)別

    // 1. 定義（路由）組件。
    const home = { template: '<div>home</div>' }
    const music = { template: '<div>music</div>' }
    const singer = { template: '<div>singer</div>' }

    // 2.定義路由
    const routes = [
        { path: '/home',
           component: home ,
           children:[{ path: '/login', component: music }]
        },
        { path: '/music', component: music },
        { path: '/singer', component: singer },
        { path: '/', redirect: '/home' }
    ];

    /*3. 創(chuàng)建 router 實例婆咸，然后傳 `routes` 配置*/
    const router = new VueRouter({
        routes // （縮寫）相當(dāng)于 routes: routes
    })

    const app = new Vue({
        router
    }).$mount('#app')