美文网首页
学习vue的准备工作

学习vue的准备工作

作者: Zola_4f36 | 来源:发表于2018-12-28 16:51 被阅读0次

    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的准备工作

          本文链接:https://www.haomeiwen.com/subject/hxlelqtx.html