Vue学习小结

ES6

let彻底能够取代varvue

const声明一个只读的常量node

箭头函数:能够绑定this对象,大大减小了显式绑定this对象的写法(callapplybindwebpack

函数绑定(function bind,双冒号)运算符:用来取代callapplybind调用es6

Object.is()web

模块化(Module):export 与 importvue-router

Node.js

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

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

Node是单线程的,它经过事件循环(event loop)实现并发操做,使用非阻塞库支持事件循环操做。npm

webpack

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

本质上讲,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)

相关文章
相关标签/搜索