【vue 2.0 学习】杂记（ES6模块化/箭头函数/vue组件的props）

这个笔记整理了今天在模仿项目的过程中发现的一些零碎的理论点，就目前的掌握程度来说，我觉得这种边模仿边查边理解的套路比较适合我这种”菜鸟”。

今天主要学习的是这个博客的实战系列，推荐一下～

---

ES6: 使用export和import实现模块化

支持模块化是ES6的新特性，模块化的思想在python中很常见了，多门语言之间可以进行对比理解，效果杠杠的～

ES6的模块化的基本规则或特点

1. 每个模块只加载一次，每个JS只执行一次，如果下次再去加载同目录下的同文件，直接从内存中读取。一个模块就是一个单例，或者说是一个对象；
2. 每个模块内声明的变量都是局部变量，不会污染全局作用域；
3. 模块内部的变量或者函数可以通过export导出；
4. 一个模块可以导入别的模块。

一个小小的例子展示一下用法：

//lib.js
//导出常量
export const sqrt = Math.sqrt;
//导出函数
export function square(x) {
   
    return x * x;
}
//导出函数
export function diag(x, y) {
   
    return sqrt(square(x) + square(y));
}

//main.js
im