Vue学习小结

ES6

let完全可以取代var

const声明一个只读的常量

箭头函数：可以绑定this对象，大大减少了显式绑定this对象的写法（call、apply、bind）

函数绑定（function bind，双冒号）运算符：用来取代call、apply、bind调用

Object.is()

模块化（Module）：export 与 import

Node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，一个让 JavaScript 运行在服务器端的开发平台，使 JS 成为和 PHP、Python 等服务端语言平起平坐的脚本语言。

Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效，非常适合在分布式设备上运行数据密集型的实时应用。

Node是单线程的，它通过事件循环（event loop）实现并发操作，使用非阻塞库支持事件循环操作。

webpack

JavaScript 项目构建工具，依赖于Node.js。

本质上讲，webpack是一个现代 JS 应用程序的 静态模块打包器（module bundler），当webpack处理应用程序时，它会递归构建一个依赖关系树（dependency graph），其中包含应用程序需要的各个模块，然后将这些模块打包成一个或多个bundler。

Vue.js

Vue (读音 /vjuː/，类似于 view)是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是，vue 被设计为可以自底向上逐层应用，vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合，另一方面，当与现代化的工具链以及各种支持类库结合使用时，vue也完全能够为复杂的单页应用提供驱动。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

vue基础

实例、模板语法、计算属性、监听、事件处理、条件、列表渲染、表单输入绑定、声明周期

组件

基础、消息传递、单文件组件、插槽

vue的安装使用

1.安装node.js，一般vue使用webpack进行打包，webpack依赖于node
2.安装node后，由于许多npm包都是国外镜像，安装过程很慢，所以改用淘宝镜像服务器。

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装全局的vue-cli脚手架，帮助搭建所需的框架模板

cnpm install -g vue-cli

4.创建vue项目

vue init webpack my-vue(项目名称)

5.根据提示创建项目，创建成功后按照提示启动项目即可

路由

vue-router

vuex

为了解决多组件共享同一状态而生。

基于vue.js的状态管理模式，集中式存储管理应用的所有组件的状态，以一个全局单例模式管理。

就是多store

软件扩展：横向添加新的层级（aop切面？vuex mutations）