01-(理解)计算属性setter和getterP24 - 01:48
一、计算属性一般是没有set方法的，只读属性
computed:{
//为什么当成属性的原因不加小括号是因为 他本身就是一个对象属性内部函数是这样的。本质：
fullName:{
set:function () {//一般没有set方法
},
get:function () {
return this.firstName+" "+this.lastName;
}
},
// 所以计算属性的简写方法一般是
fullName:function () {
return this.firstName+" "+this.lastName;
}
}
02-(掌握)计算属性和methods的对比P25 - 00:12
一、计算属性computed有缓存，方法methods没有。
-
computed:内部会根据第一次调用的结果对比，如果没有改变，就会被vue内部缓存起来，不会再次调用。
-
methods：使用几次就会重复调用几次，性能降低。
{{firstName lastName}}
{{getFullName()}}
{{fullName}}
const app = new Vue({ el:"#app", data:{ message:"你好啊", firstName:"chang", lastName:"yanyan" }, methods:{ getFullName:function () { return this.firstName+ " "+ this.lastName } }, computed:{ fullName:function () { return this.firstName+ " "+ this.lastName } } })
注*多次使用的时候，一般情况下多使用computed会更好一点
03-(掌握)块级作用域-let和varP26 - 00:20
es6部分语法
es5之前if for没有块级作用域，所以都借助于function的作用域来解决问题
1、变量作用域 :变量在什么范围内是可用的。
es6加入let中有if for的块级作用域。
2、let有块级作用域，var没有。
3、只有函数有作用域，
总结：es5中的var是没有块级和作用域的（比如：if for）
es6中的let有块级作用域的（比如：if for）
04-(理解)三种方案对比-ES5没有闭包-有闭包-ES6的letP27 - 00:03
05-(掌握)const的使用和注意点P28 - 00:20
const作用将变量修饰为常量，不能被随便修改赋值的。开发中优先使用const,只有需要改变某一个标识符的时候才使用let
注意：1、一旦给const修饰的标识符赋值之后，不能修改
错误写法：const name ="why"
name="abc"
2、在使用const定义标识符，必须进行赋值
错误写法：const name;
3、常量的含义是指向的对象不能修改，但是可以改变对象内部的属性
const obj ={
name:"abc"
}
obj.name="ccc";
06-(掌握)ES6对象字面量增强写法P29 - 00:05
1、属性的增强写法
const name="aaa";
const age=18;
const obj={
name,
age,
}
2、函数的增强写法
//es5
const obj={
run:function () {
},
eat:function () {
}
}
obj.run();
// es6
const obj={
run(){
},
eat() {}
}
obj.run()
