vue

本文系统介绍了前端开发中跨组件通信的发布订阅模式实现方案。Vue2通过原生事件总线($on/$emit/$off)实现，Vue3推荐使用mitt库；React需手写EventBus类或使用第三方库结合

本文详细介绍了前端开发中解决跨域问题的代理配置方案。针对Vue和React两大框架，分别讲解了基于Vite和Webpack的配置方法，包括基础设置、路径重写、HTTPS支持等场景。

​  AOS介绍 官网演示地址:aos.js   安装 YARN, NPM, BOWER安装 CDN引入 初始化  配置项参考 Vue中使用 npm安装 main.js引入并初始化 ​

​ 目录 Props  自定义事件 mitt  v-model $attrs $refs、$parent provide、inject Pinia 插槽 默认插槽 具名插槽  作用域插槽 面试重点

​ 目录 简介 安装  创建pinia实例 Store Option Store  Setup Store 使用Store Store解构  State 访问State 通过store实例直接访问

​ 目录 安装  基本使用 创建路由器实例  注册路由器插件 动态路由匹配 嵌套路由 命名路由 编程式导航 路由组件传参(props) 重定向 路由元信息 导航守卫 全局前置守卫  全局解析守卫 全局

​ 目录 Props声明 defineProps()  props选项  响应式Props解构 默认语法声明props默认值 将解构的 props 传递到函数中 Props的传递 格式  静态prop

​ 目录 watch 基本使用 特殊情况  1.监视ref定义的基本数据数据时 2.监视ref定义的对象数据类型时 3.监视reactive定义的对象数据类型时....

​ 目录 computed 使用方式 基本用法 可写计算属性 面试重点 computed核心特性 computed与方法的区别  computed与watch的区别

​ ref 作用： 定义响应式变量。 语法： let name= ref('测试')。 返回值： 一个RefImpl的实例对象，简称ref对象或ref，ref对象的value属性是响应式的。

​ 概述 基本语法  传统 setup 注意:setup返回值如果返回一个对象,那么对象的属性方法都可以在模板中使用,但是如果返回一个函数,则可以自定义渲染内容 <script setup>

​  1.基于vue-cli 创建 2.基于vite创建 前提条件: 熟悉命令行 已安装 18.3 或更高版本的 Node.js  运行命令行命令_ 根据自己项目的实际情况选择配置项,完成项目工程基本

vue2与vue3生命周期的变化对比,以及vue3新特性更新原因,并提供相关面试重点考察问题的回答思考

​  安装 引入 全局引入 main.js中引入并使用 组件中引入 使用 基本使用 富文本示例 代码实现: 自定义工具栏 工具栏完整配置: 自定义示例

​ 项目工程最开始使用的node版本是14.XX版本,现在将node版本升级为22.13.0,项目工程运行报错

​  scoped 作用原理  编译后 deep 实际开发应用  修改第三方库(Element UI,Ant等)组件样式 直接作用子组件深层次的元素

​ 记录一下自己的奇葩操作 当时增加以后视图没有更新,没多想,直接反手一个this.$forceUpdate(),视图更新了 但是新问题出现了,在增加的视图里面编辑数据无法赋值 突然意识到深层次的数组