Vue常见优化手段

相关信息

永远不要过早优化，优化也有相应的代价

开发时间变长
开发成本增加
代码难以阅读
增加维护成本

何时优化，因地制宜，是一门艺术，尽量把优化的思想带入写代码的过程中

本文章的优化手段基于vue2

ZiHao...大约 11 分钟

Vue2响应式原理解析

前言

首先要知道vue2 是2013年基于 ES5开发出来的，我们常说的重渲染就是重新运行render函数

vue2 的响应式原理是利⽤ES5 的⼀个 API ，Object.defineProperty()对数据进⾏劫持结合发布订阅模式的⽅式来实现的。

ZiHao...大约 11 分钟

vue面试题-第一弹

组件间通信的方式

根据组件之间的关系讨论组件通信最为有效

父子组件

props/ $emit/$ parent/ref/$attrs

ZiHao...大约 6 分钟

Vue3-reactive 浅谈

Vue2 和 Vue3 响应式的区别

Vue2 的响应式，利用了 ES5 的一个 API，object.defineProperty,它的基本用法是这样的

const obj = { name: "kw" };
Object.defineProperty(obj, key, {
  get() {
    return obj[key];
  },
  set(val) {
    obj[key] = val;
  },
});

ZiHao...大约 5 分钟

Vue2 笔记

笔记

脚手架文件结构

├── node_modules
├── public
│   ├── favicon.ico: 页签图标
│   └── index.html: 主页面
├── src
│   ├── assets: 存放静态资源
│   │   └── logo.png
│   │── component: 存放组件
│   │   └── HelloWorld.vue
│   │── App.vue: 汇总所有组件
│   │── main.js: 入口文件
├── .gitignore: git版本管制忽略的配置
├── babel.config.js: babel的配置文件
├── package.json: 应用包配置文件
├── README.md: 应用描述文件
├── package-lock.json：包版本控制文件

ZiHao...大约 18 分钟