前言概述：Vue是一款前端渐进式框架，可以提高前端开发效率。特点： Vue通过MVVM模式,能够实现视图与模型的双向绑定。 简单来说，就是数据变化的时候, 页面会自动刷新, 页面变化的时候，数据也会自动变化.目录前言一、ES6语法是什么？1.Let和const命令2.字符串扩展方法3.解构表达式4.函数表达式4.Map和reduce二、Vue入门案例1.渲染信息2.双向绑定 3.v-on
学习Vue之前，ES6的基础常识是必须要了解的，下面列举了几种最重要的特性，学会了这些，Vue的学习就易如反掌了。变量声明关键字扩展运算符对象数组结构赋值对象属性和方法简写模板字符串数组Set Map模块import和export default箭头函数promise对象类Class 1.变量声明const和let在ES6之前，我们都是用var关键字声明变量。var声明的变量存在变量提升
文章目录一、es61.1 前端概述 1.2 js es6 新特性 1.2.1 let和constant 1.2.2解构函数和结构化代码块 1.2.3函数相关  
一、ES6快速入门let和const letES6新增了let命令，用于声明变量。其用法类似var，但是声明的变量只在let命令所在的代码块内有效。 {
let x = 10;
var y = 20;
}
x // ReferenceError: x is not defined
y // 20 View Code 效果如下：var声明变量存在变量提升
ECM6 基本用法声明变量（let、const）1、var (emc5) 声明变量用 var var 定义的是全局的变量，会提升变量 示例1：var a; # 等于在前面先定义了a
console.log(a); //undefine
{
var a = 1;
var a = 10 // var可以重复定义变量,会覆盖之前的
}
今日内容es6的语法let特点：
1.局部作用域
2.不会存在变量提升
3.变量不能重复声明const特点：
1.局部作用域
2.不会存在变量提升
3.不能重复声明，只声明常量 不可变的量模板字符串tab键上面的反引号 ${变量名}来插值
let name = '未来';
let str = `我是${name}`箭头函数function(){} === ()=>{} this的指向发
一、es6的语法1、let与var的区别，但是所声明的变量，只在let命令所在的代码块内有效。如下代码：{
let a = 10;
var b = 1;
}
a // ReferenceError: a is not defined.
b // 1 上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正
工欲善其事必先利其器，对前端框架Vue有了一定的了解和熟悉，总结如下：Vue有著名的全家桶系列，包含了： vue-router， vuex， axios， vue-router， webpack， es6 + (less)再加上构建工具vue-cli(
一、NodeJS下载安装可能没有学习过Node.js的同学很有疑问，这个下载的作用是什么？我们在学习vue.js时，不一定要是学过node.js的，我们需要的是NodeJS里npm工具，npm是NodeJS下的一个包管理工具，它可以很方便的帮你管理（可以简单理解为下载）各类前端的框架或插件，类似于PHP的composer，Twitter 的 Bower 一样。使用Vue不需要安装NodeJS，这里
1,Vue-ES6的常用语法-Vue常用指令 首页, 1,ES6框架:2,Vue指令: 1 声明变量const let varES6以前 var关键字来声明变量，无论声明在何处都存在变量提升这个事情~~会提前创建变量~作用域也只有全局作用域以及函数作用域~ 所以变量会提升在
基本语法：输出：console.log()1：let 声明变量es6之前：（var）1）：变量没有作用域 2）：可以声明一样的变量多次3）：var 可以提升声明es6之后：（let）1）：变量有作用域2）：不可以重复声明同样的变量3): let 没有提升声明的功能4): 可以声明常量5):定义常量 ，不可修改，必
一.es6的语法 1.let 基本语法: ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。{
let a = 10;
var b = 1;
}
a // ReferenceError: a is not defined.
b // 1 特点: 1.局部作用域 2.不
项目场景：在Vue项目中使用Eslint+Prettier+Stylelint第一步搭建项目：首先搭建vue项目，lint选择ESLint + Prettier，配置方式选择In dedicated config files。 项目搭建完成后，根目录下会自动生成一个.eslintrc.js文件，我们直接来看默认的配置 这里extends是一个数组，数组第一个成员"plugin:vue/essent
es6常用的方法1.let/constlet 声明的变量只在 let 命令所在的代码块内有效。 只能声明一次，否则会报错，而var能声明多次 不存在变量提升const 声明一个只读的常量，一旦声明，常量的值就不能改变。 ps: 应在使用变量之钱声明变量，否则会出现暂时性死区2.箭头函数 es6允许使用箭头（=>）定义函数 var f
目录五、前端基础1.技术栈简介2.ES6(1).let%const(2).解构表达式(3).字符串扩展(4).函数优化(5).对象优化(6).map和reduce方法(7).Promise(8).模块化3.Vue(1).MVVM思想(2).双向绑定(3).指令(4).计算属性和监听器(5).过滤器(6).组件化(7).生命周期和钩子函数五、前端基础1.技术栈简介2.ES6ES6全称ECMAScri
浏览器只能游览三种：html
css
js（也是静态，可以运行）=> 现在只支持ES5（前端运行语言版本）如果是ES6的版本语言，vue会帮我们自主转成ES5的语言浏览器html css
js => Es5() JavaSprict 版本
ES6:
let const 箭头函数 类 对象的缩写 解构赋值 模块 export import
vu
ES6：是浏览器脚本语言的规范，js是规范的具体实现。一、let声明变量
// var 声明的变量往往会越域
// let 声明的变量有严格局部作用域
{ var a = 1; let b = 2; }
console.log(a); // 1
console.log(b); // ReferenceError: b is not defined
// var 可以声明多次
// let 只能
当下三大主流框架：Vue，Angular，React。因Vue的一些优势，Vue成为许多前端开发者的首选框架。依据17年-18年的框架使用趋势，可以看出来Vue迅速被越来越多前端开发者使用。搭建Vue环境 ：一、搭建node.js环境下载网址： https://nodejs.org/en/ 一般下载稳定版本即可。 下载完成安装，直接一路next，是否接受的accept即可。验证是否安装成功：1.w
vue主要用来实现前端模块化编程，它的最终代码是一些序列化的js,简单的index.html访问入口，和一些image,vue的js使用es6来模块化设计， 为什么要这么做呢，我想主要是为了前端与后端交互变为纯数据，做分离，变成只有api的通讯当然你也可以用其它方法来实现这个目的，不过vue应该是有对前端数据进行一些压缩，优化，再者，它可以用es6来模块化（动态编程，模块引用之类，），v
技术栈选择前面我们介绍了从 Laravel 8 开始，自带的前端 UI 脚手架扩展包 Jetstream 不再基于 Vue 作为默认的组件开发技术栈，以便降低后端新手入门前端组件开发的学习成本。不过，如果你已经对 Vue.js 非常熟悉，仍然可以使用纯 Vue 框架进行页面组件开发，如果想要快速上手的话，只需要切换到 laravel/ui 这个 UI 扩展包即可，由于本系列教程讲的是 Vue.js
