vue进阶-es6、vue-cli、vuex、vue-route

3.1、es6解构
let user = {
name: ‘pxhsne’,
eat(){
console.log(“est”);
}
}
let {name} = user;
let {eat} = user; eat();

3.2、es6模块化
node内置require模块化引用，但是vue使用es6模块化，解决js相互调用问题。
a.js:
let user = {
name: ‘pxhsne’,
eat(){
console.log(“est”);
}
}
//b.js导出 只能有一个默认，在引入的地方可以随意命名
export default user;
export let a = ‘xxx’;

b.js:
import user from “./b.js”
import {a} from “./b.js”
console.log(name);
console.log(a);

3.3、es6-promise 异步执行 传参：resolve成功回调函数，reject失败回调函数
new Promise( (resolve, reject) => {
//做一些异步操作
setTimeout(function(){
var sheng = “安徽省”
console.log(sheng);
resolve(sheng);
}, 2000);
})
.then( res => {
return new Promise( (resolve, reject) => {
setTimeout(function(){
var shi = “合肥市”
console.log(res + shi);
resolve(res + shi);
}, 2000);
})
})
.then( res => {
return new Promise( (resolve, reject) => {
setTimeout(function(){
var xian = “肥东县”
console.log(res + xian);
resolve(res + xian);
}, 2000);
})
})
.catch( err => {
console.log(err);
});

vetux插件安装