学习vue的准备工作

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以上版本的浏览器。大家可以百度搜索熟悉即可。

你可能感兴趣的:(学习vue的准备工作)