1、下载 node.js 推荐下载稳定版本
https://nodejs.org/en/
2、了解ES2015 (又名ES6)
在学习vue.js的过程中出现了很多新的语法,我们必须提前熟悉并掌握,在我们看api时,更能快速理解。
ES6是可以理解为是Javascript的新一代的标准,是在Javascript的基础之上的新版本,换了新的名字而已。其中更新的主要内容:
1、箭头功能
箭头函数使用this封闭上下文中的对象。=> 箭头函数为了避免影响this的指向问题。
function(parameters) {statements}
// Arrow function(parameters) => {statements}
2、模板文字
模板文字使用反引号(``)而不是双引号或单引号来定义字符串。
模板文字允许我们在Vue.js中做两件超级有用的事情:
多行字符串(非常适合组件模板)。
嵌入表达式(很适合计算属性)。
3、模块
file1.js
export default {myVal: 'Hello'}
file2.js
import obj from './file1.js';
console.log(obj.myVal); // Hello
模块提供了两个关键好处:我们可以将我们的JavaScript应用分成 多个文件。我们可以让某些代码在各个项目中可重用。
4、解构和扩展语法等
解构
let myObj = {prop1: 'Hello',prop2: 'World'};
const { prop1, prop2 } = myObj;
console.log(prop1);// Output: Hello
扩展
let myObj = {prop1: 'Hello',prop2: 'World'};
Let newObj = {name: 'George', myObj};
console.log(newObj.prop1); // Hello
在开发工具中eclipse、idea中需要把检测javascript的版本更换成ES6,否则的话,可能会提示错误,但是在浏览器中不会出现问题。ES6支持ie8以上版本的浏览器。大家可以百度搜索熟悉即可。