说说vue动态权限绑定渲染列表（权限列表渲染）

1. 首先请求服务器,获取当前用户的权限数据,比如请求 this.$http.get("rights/list");

1. vue-router用过没，哪些常用的钩子函数

路由钩子的执行流程，钩子函数种类有：全局守卫、路由守卫、组件守卫。

官网链接：

https://cn.vuejs.org/

什么是vue：

渐进式JavaScript 框架

今天，我十分鸡冻地和大家共享，JS Signals（信号）提案的 stage 0 草案、以及符合规范的 polyfill（功能补丁）现已正式公开发布。

大家可能已经在前端生态的某些库和框架中，或多或少听说过 Signals 了，包括但不限于：Vue、Angular、MobX、Preact、Qwik、RxJS、Solid、Svelte 等等。

举个栗子，地表最强响应式框架 —— Vue 的官方文档就专门阐释了响应式和 Signals 的“超友谊关系”：

vue框架篇

vue的优点

轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；

简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；

双向数据绑定：保留了angular的特点，在数据操作方面更为简单；

1. 将一个 prop 限制在一个类型的列表中

使用 prop 定义中的 validator 选项，可以将一个 prop 类型限制在一组特定的值中。

export default {
  name: 'Image',
  props: {
    src: {
      type: String,
    },
    style: {
      type: String,
      validator: s => ['square', 'rounded'].includes(s)
    }
  }
};
复制代码

1 概述

在不用爬虫框架的情况，经过多方学习，尝试实现了一个分布式爬虫系统，并且可以将数据保存到不同地方，类似MySQL、HBase等。

因为 Diff 算法，计算的就是虚拟 DOM 的差异，所以先铺垫一点点虚拟 DOM，了解一下其结构，再来一层层揭开 Diff 算法的面纱，深入浅出，助你彻底弄懂 Diff 算法原理

认识虚拟 DOM

虚拟 DOM 简单说就是 用JS对象来模拟 DOM 结构

本文主要分析 Vue 从 Data 更新，到通知 Watcher 异步更新视图的流程，也就是下图中的橙色部分。

我们先来回顾一下图中的几个对象：

• Data 对象：Vue 中的 data 方法中返回的对象。
• Dep 对象：每一个 Data 属性都会创建一个 Dep，用来搜集所有使用到这个 Data 的 Watcher 对象。
• Watcher 对象：主要用于渲染 DOM。

接下来，我们就开始分析这个流程。