1.相关理解1.1 vue-router 的理解vue的一个插件库，专门用来实现 SPA(单页面应用) 应用 1.2 对SPA应用的理解 单页Web应用（single page web application，SPA） 整个应用只有一个完整的页面 点击页面中的导航链接不会刷新页面，只会做页面的局部更新 数据需要通过ajax请求获取 1.3 路由的理解 什么是路由?一个路由就是一组映射关系（key

1.理解 Vuex1.1 Vuex 是什么概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对Vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信 1.2 什么时候使用 Vuex 多个组件依赖于同一状态 来自不同组件的行为需要变更同一状态 1.3 原理图 2.搭建Vuex环境 下载安装 pnpm add vuex@

常用UI组件库移动端常用UI组件库 Vant Cube UI Mint UI https://nutui.jd.com/#/ PC端常用UI组件库 Element UI IView UI element-ui基本使用 安装 element-ui：npm i element-ui -S2 src/main.js 123456789101112import Vue from &#

1.打包vue.config.js 123456module.exports = { //打包时不生成map文件(用来进行错误提示的文件，很占用空间) productionSourceMap: false, // 关闭ESLINT校验工具 lintOnSave: false,} 1pnpm run build 2.图片懒加载懒加载vue-lazyload插件官网

在 Auto.js 收费后，产生了几个版本，它们之间有什么区别 autojs 4.1.1最后一个免费版本，没有任何限制，可以在手机上 APP 中自由操作，开源，可以 Github 找到。功能大部分都有，2020年3月1日停止更新。 项目地址：https://github.com/hyb1996/Auto.js 官方论坛：https://www.autojs.org/ 在线文档：https://

1、下载地址 CMake 官网下载地址：https://cmake.org/download/ 从官网选择和 系统 对应的版本，推荐选择安装包版。 Windows x64 Installer: 安装包版。需要安装 Windows x64 ZIP：解压可用，但需要自己把 bin 目录添加到环境变量中。 2、安装包版安装流程 打开安装包，点击Next： 勾选同意证许可证，然后继续点击Nex

正则在线测试工具 http://tool.chinaz.com/regex/ https://tool.oschina.net/regex/ https://regex101.com/ 正则表达式模式在线图示网站：https://regexper.com/ 正则表达式详细表：https://web.suda.edu.cn/hejun/chapter8/regular_expression_

正则在线测试工具 http://tool.chinaz.com/regex/ 什么是正则表达式？ 正则表达式是一组由字母和符号组成的特殊文本，它可以用来从文本中找出满足你想要的格式的句子。 一个正则表达式是一种从左到右匹配主体字符串的模式。 “Regular expression”这个词比较拗口，我们常使用缩写的术语“regex”或“regexp”。 正则表达式可以从一个基础字符串中根据一定

总结 汇编器：将汇编语言翻译成机器语言。 编译器：将高级语言翻译成汇编语言，再由汇编器去处理，如 C 语言。 解释器：随着时间的推移，一种新的编程方式兴起了。一种被称为“解释器”的特殊程序可以直接读取一个程序将其转换成计算机指令以立即执行。如 Python、TCL（表示工具命令语言Tool Command Language）和各种 Shell。 和编译器差不多，解释器读取程序并将它转换成一个中

01 【创建vue3项目】 该笔记是从vue2过渡到vue3的，所以不会特别详细的介绍某些vue2学过的，主要介绍vue3新增的。 1.Vue3快速上手 1.1 Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://git

02 【setup reactive ref】1.拉开序幕的setup1.1 为什么使用 setup ？ 大型组件中选项的分离掩盖了潜在的逻辑问题。此外，在处理单个逻辑关注点时，我们必须不断地“跳转”相关代码的选项块。 如果能够将同一个逻辑关注点相关代码收集在一起会更好。而这正是组合式 API 使我们能够做到的。 通过创建 Vue 组件，我们可以将界面中重复的部分连同其功能一起提取为可重用的代码

03 【响应式原理 ref和reactive总结 setup注意点】1.Vue3.0中的响应式原理1.1 vue2.x的响应式 实现原理： 对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。 数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。 1234Object.defineProperty(data, 'co

04 【计算属性 侦听器】1.计算属性有时我们需要依赖于其他状态(普通proxy响应式数据)的状态(computed响应式数据)：在 Vue 中，这是用组件计算属性处理的，以直接创建计算值，我们可以使用 computed 函数：它接受 getter 函数并为 getter 返回的值返回一个不可变的响应式 ref 对象。 1.1 computed函数 与Vue2.x中computed配置功能一致 可

06 【生命周期 模板引用】1.生命周期vue2 vue3 Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有有两个被更名： beforeDestroy改名为 beforeUnmount destroyed改名为 unmounted Vue3.0也提供了 Composition API 形式的生命周期钩子，与Vue2.x中钩子对应关系如下： beforeCreate=

07 【动态组件 组件注册】1.动态组件1.1 基本使用composition api写法：只适用于vue3 在 <script setup> 中，组件被引用为变量而不是作为 字符串键 来注册 核心点 shallowRef() 虽然用 ref() 也能正常使用，但官方不推荐，会爆warn: “这可能会导致不必要的性能开销” （原因，组件不是动态数据，不需要转为proxy） :is 与

08 【Props 组件事件】1.Props1.1 Props 声明#Props 是一种特别的 attributes，你可以在组件上声明注册。要传递给子组件内容，我们必须在组件的 props 列表上声明它。 12345678<!-- BlogPost.vue --><script setup>defineProps(['title'])</s

09 【Attributes继承 provide与inject】1.继承 Attributes1.1 Attributes 继承1.1.1 Attributes 继承的基本概念“透传 attribute”指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是 class、style 和 id。 当一个组件以单个元

10 【异步组件 组合式函数(hooks)】1.异步组件1.1 为什么要有异步组件首先来看这样一段代码 父组件App.vue 12345678910111213141516<template> <div class="app"> <h3>我是App组件</h3> <Child><

11 【Teleport CSS功能】1.内置组件 Teleport什么是Teleport？——<Teleport> 是一个内置组件，它是一种能够将我们的模板渲染至指定DOM节点，不受父级style、v-show等属性影响，但data、prop数据依旧能够共用的技术；类似于 React 的 Portal。 主要解决的问题 因为Teleport节点挂载在其他指定的DOM节点下，完全不受父

12 【其它组合式API】ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef refs api中的重点为：ref、toRefs、shallowRef、customRef，其次是 isRef 等。 1.toRef 与 toRefs1.1 toRef 作用：可以用来为源响应式对象上的某个 property 新创建一个 ref。然后，