今天

var app = new Vue({
 el: '#app',
 data: {
   message: 'Hello Vue!'
 }
})

明天

1.js 一些基础知识，es6的新特性 ，文档里 一些例子用到 的js方法 比如

split('').reverse().join('')

只是大概知道 作用

getter 和setter方法 看一下

3.了解  mvvm 模型

4.学习 vue 的 路由

2.继续vue 和复盘流程

问题：

看了知乎上刘禹锡的 学习vue 流程，目测还需要 webpack 和 node基础。抓紧看吧

收获

ES6 允许使用“箭头”（=>）定义函数

var f = v => v;

// 等同于
var f = function (v) {
   return v;
};

比如前面 的小程序里比较大小，可以用箭头函数

// 正常函数写法
var result = values.sort(function (a, b) {
   return a - b;
});

// 箭头函数写法
var result = values.sort((a, b) => a - b);

箭头函数的左边：

箭头的左边是箭头函数的参数部分，它省略了原本的 function 关键字，如果有多个参数是，可以写作 (arg1, arg2) => {} ，但是当只有一个参数时，就连括号都可以省略 arg => {} ，如果这个箭头函数没有参数的话，括号不可以省略。

箭头函数的右边：

箭头的右边是箭头函数的函数体，跟普通函数的写法一样，但是当函数体部分只有一句表达式并且需要返回这个表达式的值时，可以省略大括号：

// 返回 1+2 的值
const arrowFunc1 = () => 1+2
// 执行 1+2 但不返回值
const arrowFunc2 = () => { 1+2 }
// 返回一个对象时，需要添加括号
const arrowFunc3 = () => ({ a: 1, b: 2 })

第二个会输出undefined

所以

用来替代匿名函数或者函数表达式，并且箭头函数不能用来声明一个函数，也不能够通过 new 关键字新建对象实例

注意点：

对于箭头函数来说，并没有自己的 this ，它的 this 将始终指向让它生效的对象，即它的外部调用者：

这种特性让我们可以省去平时常写的 var that = this var self = thisvar _this = this 语句

箭头函数也不能 用new 构造