一.vue初识
前后端不分离的不足之处
vue称为渐进式js框架，这个框架用来做前后端分离的项目，django是一个MTV模式的web框架，urls--views--templates，模板渲染通过后端的代码来实现数据的渲染，再加上前端一些简单的dom操作来完成网页的开发，当我们做一个复杂的大型的网页的时候，你会发现这种模式作起来会比较复杂，扩展起来也比较困难，因为前后端没有分离开，耦合性太高，牵一发而动全身;
vue前端框架的优点
前端页面用前端语言来写，后端服务端代码用后端服务端代码来写，两者之前只有数据的交流,之前是前端页面拿到数据都是通过dom操作或者django的模板语言来进行数据的渲染的，有了前端框架vue，就不需要他们了，并且频繁的dom操作，创建标签添加标签对页面的性能是有影响的;
直接数据驱动视图，将django的MTV中的T交给vue来写，也就是那个templates里面的内容，并且前端的vue拿到了T这部分的工作，MTV前身是MVC，可以将vue拿到的T的工作称为view视图，就是完成MVC的V视图层工作，只不过V称为视图函数，重点在函数，而vue我们称为视图，接到后端的数据(通过接口url，获得json数据)，直接通过vue的视图渲染在前端。
Vue.js的M-V-VM思想
MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式
Model 指代的是vue对象的data属性里面的数据。这里的数据要显示到页面中;
View 指代的是vue中数据要显示的HTML页面，在vue中，也称之为“视图模板” ;
ViewModel 指代的是vue.js中我们编写代码时的vm对象了，它是vue.js的核心，负责连接 View 和 Model，保证视图和数据的一致性，所以前面代码中，data里面的数据被显示中p标签中就是vm对象自动完成的。
二.es6基本语法
1.定义变量(用let来声明)
let和var
(1)不可重复定义;
var a = 'xx'
let a = 'oo'//报错
(2)不存在变量提升;
console.log(xx); //undefined
var xx = 'oo'; //存在变量提升,
console.log(xxx); //报错,不存在变量提升
let xxx = 'ooo';
(3)let有局部作用域,只作用域自己的代码块中;var在函数中只作用于代码块中;
if (1){var a=12;}
consloe.log(a) //正确,但如果在函数中则错误
if(1){let b=45;}
console.log(b)//报错 b的作用域只限于代码块中;
(4)不从属于window,所以声明的变量都可以用,不会和window对象冲突;
(5)const声明常量:局部作用域,不存在变量提升,不可修改,不可重定义,代码运行中不会释放;
(6)js中局部变量和全局变量之分;
局部变量:
在JavaScript函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它（该变量的作用域是函数内部）。只要函数运行完毕，本地变量就会被删除。
全局变量:
在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。
变量生存周期:
JavaScript变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除
全局变量会在页面关闭后被删除。
作用域:
首先在函数内部查找变量，找不到则到外层函数查找，逐步找到最外层。