安装

1
2
3
4
5
6
7
8
9
10
11
12
13

diskutil list

##### 将U盘卸载

diskutil unmountDisk /dev/disk2  //disk2 需要为 u盘 盘符

#####  yum intsall wget

#####  wget download wget
wget http://mirrors.aliyun.com/centos/7.9.2009/isos/x86_64/CentOS-7-x86_64-DVD-2009.iso

##### 用dd命令制作安装盘
sudo dd if=~/Downloads/CentOS-7-x86_64-DVD-2009.iso of=/dev/rdisk2 bs=4m // 静待10分钟

Vue-router 是什么？

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。它支持 hash、history、abstract 3 种路由方式，提供了 和 2 种组件，还提供了简单的路由配置和一系列好用的 API。

Vuex 是什么？

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。它的核心概念有State，Getter，Mutation，Action，Module。

首先我们需要知道 new Vue 背后发生了哪些事情。

我们都知道，new 关键字在 Javascript 语言中代表实例化是一个对象，而 Vue 实际上是一个类，类在 Javascript 中是用 Function 来实现的，来看一下 vue 方法，在src/core/instance/index.js 中。

Vue.js 源码是基于 Rollup 构建的，它的构建相关配置都在 scripts 目录下。

通常一个基于 NPM 的项目都会有一个 package.json 文件，它是对项目的描述文件，它的内容实际上是一个标准的 JSON 对象。此类项目通常会配置 script 字段作为 NPM 的执行脚本。

首先我们需要知道 Virtual DOM 这个概念。

Virtual DOM 这个概念，它产生的前提是浏览器中的 DOM 是很“昂贵”的，为了更直观的感受，我们可以简单的把一个简单的 div 元素的属性都打印出来，如图所示：

认识 Flow

Flow 是 facebook 出品的 JavaScript 静态类型检查工具。Vue.js 的源码利用了 Flow 做了静态类型检查，所以了解 Flow 有助于我们阅读源码。

这个系列的第一部分介绍了”封装”，第二部分介绍了使用构造函数实现”继承”。

今天是最后一个部分，介绍不使用构造函数实现”继承”。

一、什么是”非构造函数”的继承？

比如，现在有一个对象，叫做”中国人”。

1
2
3
4

　　var Chinese = {
　　　　nation:'中国'
　　};

这个系列的第一部分，主要介绍了如何”封装”数据和方法，以及如何从原型对象生成实例。

今天要介绍的是，对象之间的”继承”的五种方法。

比如，现在有一个”动物”对象的构造函数。

1
2
3
4
5
6

　　function Animal(){

　　　　this.species = "动物";

　　}

Javascript是一种基于对象的语言，所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。

那么，如果我们要把”属性”（property）和”方法”（method），封装成一个对象，甚至要从原型对象生成一个实例对象，我们应该怎么做呢？