安装配置 Vue.js 并创建项目

安装最新 npm 版本
npm i npm -g

一. 安装 webpack: （全局安装） // 查看版本：webpack -v
npm install webpack -g
二. 安装 vue.js // 查看版本: vue -v
npm install vue -g
三. 安装vue命令行工具
npm install -g vue-cli

四. 创建项目(切换至项目所在目录):

vue init webpack projectName

Project name projectName        // 项目名称
Project description es6              // 项目简介
Author Wake                                 // 项目作者
Use ESlint to lint your code? n   //  是否使用es6代码风格检查器
Setup unit tests with Karma + Mocha? y    // 单元测试库
Setup e2e tests with Nightwatch? y

五. 安装package.json中的依赖 并运行
npm install
npm run dev

六. let 与const
var声明的变量是为全局
let 作用域只在代码块之内, 同一不能重复声明
const声明常量

七. 解构赋值

// 数组解构
let [a, b, c, d] = ['11', '22', '33', '44'];
alert( c );    //  33

// 嵌套数组解构
let [a, b, [c, d], e] = ['11', '22', ['31', '44'], '55'];
alert( d );    //  44

// 空缺变量
let [a, b, , e] = ['11', '22', ['31', '44'], '55'];
alert( e );    //  55

// 对象解构
let obj = new Object();
obj.uid = 111;
obj.uname = '张三';
let uid, uname;         // 定义两个变量
({uid, uname} = obj);   // 从obj中取值，注意小括号
alert(uname);           // 张三                              

// 字符串嵌套
let [a, b, [c, d], e] = "你好世界";
alert( d );    //  界

// 函数参数解构
let obj = new Object();
obj.uid = 111;
obj.uname = '张三';
analysis(obj);   // 111; 张三

function analysis({uid, uname}) {
    alert(uid);
    alert(uname);
}

八. symbol ,表示决不重复的一种值

let a = Symbol(3);
let b = Symbol(3);