Vue-根据角色生成动态路由及菜单-1-vue脚手架创建项目
根据登录用户的角色，生成路由后addRoute、生成菜单栏基本思路：
1. 用户在登录页输入 用户名+密码 请求后端 login接口 拿到 token 后保存到cookie或sessionStorage中；
2. 接着携带拿到的token请求后端 userInfo 接口，获得用户基本信息及角色role；
3. 前端维护路由表，除了不需要权限限定的页面外其余每个路由添加met
前端
Vue中computed与method的区别
两者间区别：
1、computed 会基于响应数据缓存，在值不变的情况下不会再次计算，而是直接使用缓存中的值；methods不会缓存，调用相同的值计算还是会重新计算；
2、diff之前先看data里的数据是否发生变化，如果没有变化computed的方法不会执行，但methods里的方法会执行
3、computed是属性调用，不需要加括号。而methods是函数调用，必须要函数执行才可以得到结果。
Flutter && Dart
/// Dart 弱类型（var、object、dynamic）
/// Dart中没有=== 运算符。
/// 简介写法：
/// 三元运算符??: t ?? 'test'是t!=null ? t : 'test'的缩写。
/// 级联操作符(依次进行调用)，允许对同一对象或函数进行一系列操作，testObj.add('t')..delete('d')..show();
类： 命名构造函数
cl
vue-router（vue 路由）基本使用指南（二）
文章目录
深入使用
导航守卫
重定向与别名
history 配置：指定历史模式
路由元信息（meta）
拓展
状态管理（Pinia / Vuex）
Pinia / Vuex 介绍
Vuex vs Pinia
Pinia 基本使用
Pinia 使用 Cookies 存储
深入使用
导航
vue的动态组件 keep-alive
1. 什么是动态组件
动态组件指的是 动态切换组件的显示与隐藏
2. 如何实现动态组件渲染
vue提供了一个内置的<component>组件，专门用来实现动态组件的渲染。
作用：组件的占位符
is的值表示要渲染的组件
示例代码如下：
Left.vue的代码
<template>
<div class="box">这是左边的组件</div>
element 在表格中使用表单校验
先上个图
image.png
上图说明
看起来是表格包含了很多个表单，其实是表单包含了表格；
表头是通过插槽自定义的，也可以直接使用表格的 label 属性；
外层是一个大表格，里面是一个小表格，然后小表格的每一列是根据大表格的主表列里的选项不同，数据不同自动循环出来的，有的是必填，有的是非必填，截图上都是必填；
小表格可以进行动态添加数据，小表格跟大表格是两个表单，并且分开校验；
前端流式输出实现详解：从原理到实践
前端流式输出实现详解：从原理到实践
前言
一、流式输出核心原理
1.1 什么是流式输出？
1.2 技术优势对比
1.3 关键技术支撑
二、原生JavaScript实现方案
2.1 使用Fetch API流式处理
关键点解析：
2.2 处理SSE（Server-Sent Events）
Vue3 使用 Event Bus
本文已整理到 Github，地址 👉 blog。
如果我的内容帮助到了您，欢迎点个 Star 🎉🎉🎉 鼓励鼓励 :) ~~
我希望我的内容可以帮助你。现在我专注于前端领域，但我也将分享我在有限的时间内看到和感受到的东西。
在 Vue2 中，创建 Event Bus 如下：
export const bus = new Vue()
bus.$on(...)
bus.$emit(...)
在 V
Vue中的内置指令与自定义指令
一、内置指令
1、v-text指令 ：向标签中添加文本
2、v-html指令：向指定恒点中渲染包含html结构的内容。
2-1、与插值语法的区别:
(1).v-html会替换掉节点中所有的内容，{{xx}}则不会 。
(2).v-html可以识别html结构。
2-2、严重注意: v-html有安全性问题！！！
(1).在网站上动态演染任查HTML是非常危险的，容易导致XSS攻击。
(2).定要
