2018-11-1工作日报

1.在es6的学习中遇到了两种声明函数的方式：
js中关于function两种声明的区别——预解析

//函数表达式，和变量声明同等
var a=function(){
    alert(10)
}

//函数声明，优于变量声明    
function a(){
    alert(10)
}

2.继续昨天的ES6教程学习，import 和 export，import导入模块、export导出模块

//全部导入
import people from './example'

//有一种特殊情况，即允许你将整个模块当作单一对象进行导入
//该模块的所有导出都会作为对象的属性存在
import * as example from "./example.js"
console.log(example.name)
console.log(example.age)
console.log(example.getName())

//导入部分
import {name, age} from './example'

// 导出默认, 有且只有一个默认
export default App

// 部分导出
export class App extend Component {};

以前有人问我，导入的时候有没有大括号的区别是什么。下面是我在工作中的总结：

1.当用export default people导出时，就用 import people 导入（不带大括号）

2.一个文件里，有且只能有一个export default。但可以有多个export。

3.当用export name 时，就用import { name }导入（记得带上大括号）

4.当一个文件里，既有一个export default people, 又有多个export name 或者 export age时，导入就用 import people, { name, age } 

5.当一个文件里出现n多个 export 导出很多模块，导入时除了一个一个导入，也可以用import * as example

3.在复习以前写的博客规范时，发现自己并没有遵循图标尽量不使用img标签的规范，于是找何时使用img标签，何时使用background-image背景图像

４、顺带复习es6和之前的this指向的研究，this 指向详细解析（箭头函数）

5.MVVM框架的含义廖雪峰的个人网站
 阮一峰的教程

6.学习慕课网vue课程，并自己写了点demo:
其中watch方法是监听Num值的变化，当发生改变是，调用方法，值得注意的是，我这全采用的es6的函数写法，省略了function

 data(){
     return {
       hhhs:'233333',
       num:1
     }
     
   },
   methods:{
     getNum(){
       this.num++;
     }
   },
   watch:{
     'num'(val,oldVal){
       console.log(val,oldVal)
     }
   }

猜你喜欢