Vue学习小结

时间:2022-10-30 11:42:14

ES6

let完全可以取代var

const声明一个只读的常量

箭头函数:可以绑定this对象,大大减少了显式绑定this对象的写法(callapplybind

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

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

Vue学习小结

软件扩展:横向添加新的层级(aop切面?vuex mutations)