Vue全家桶 - 爱码网

前言

尤其是大公司1个部门中可能有擅长Java/Node/Python/Php/Go的，有的擅长同1种后端语言而擅用不同的web框架。

那么如何在不做人员优化的前提下，凝聚起这些不同的研发力量，为1个共同的项目添砖加瓦呢？

我们可以采用前后端分离的开发模式，大家后端都用自己擅长的后端语言玩，但共用1个前端框架。

Vue全家桶

ECMAScript6的基本语法

Vue是一个渐进式的JavaScript框架。

什么是渐进式呢？

Vue全家桶

声明式渲染(vue.js)：vue最简单的用法，就是在html文件中引入1个vue.js库。

组件系统(component)：vue支持组件化开发，可以让我们的前段代码更具扩展性。

客户端路由(vue-router)：可以让我们在前段支持路由系统，开发1个单页面应用。

集中式状态管理（vue-x）：支持我们在前段保存数据。

项目构建(vue-cli)：vue自带的脚手架可以帮我们快速构建和打包一个web项目。

以上是一个渐进开发的过程，我们可以根据自己的项目规模选择使用或者使用全部功能。

JavaScript和Python一样也有不同的版本，JavaScript 是 ECMAScript 规范的一种实现。

ECMAScript：是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。

let变量声明

ES6中新增了let命令。用来声明变量。它的用法类似于var。

1.let声明的变量只能在局部作用域使用

2.不会存在变量提升

3.变量不能重复声明，变量声明之后可以修改。

<script>
    var arry1 = [];
    for (var i = 0; i < 10; i++) {
        arry1[i] = function () {
            console.log(i);
        };
    }
    arry1[6]();//10

    var arry1 = [];
    for (let i = 0; i < 10; i++) {
        arry1[i] = function () {
            console.log(i);
        };
    }
    arry1[6]();//10
    {//{}就代表局部作用域
        let full_name = "zhanggen";
        //let声明过的变量无法重复声明
        //let full_name = "zhanggen1";
    }
    //let声明的变量只能在局部作用域生效
    //console.log(full_name)
</script>

let和var的区别