qq_56607109的博客

Link和useNavigate实现组件切换时，实计上伴随着组件的销毁与创建，所以建议只有整体页面切换时才使用路由，而局部切换时使用最原始的隐藏显示为佳，这样可以保让组件中通过ajax得到的数据一直存在。Link和useNavigate实现组件切换时，实计上伴随着组件的销毁与创建，所以建议只有整体页面切换时才使用路由，而局部切换时使用最原始的隐藏显示为佳，这样可以保让组件中通过ajax得到的数据一直存在。第2步在主路由对应的组件中使用配置新的路由, 子路由的访问path为"主路由+子路由"

3.3、上下相连的两个盒子之间的空白，希望等于两者之和时。如15px+20px的padding，将得到35px的空白。块作用域由 { } 包括，if语句和for语句里面的{ }也属于块作用域。2.3、上下相连的两个盒子之间的空白，需要相互抵消时。如15px+20px的margin，将得到20px的空白。即它们所声明的变量一定要在声明后使用，否则报ReferenceError错。let和var声明的是变量，声明之后可以更改，声明时可以不赋值。var是ES5提出的，let和const是ES6提出的。

【代码】常见编程题。

常见的事件大全 是否加on

2、created4、mounted6、updated11、errorCaptured（2.5.0+ 新增）

2.使用vite创建vite:新一代的前端工具优点：开发环境中,无需打包，可快速的冷启动轻量快速的热加载2、常用的Composition API（组合API）官方文档：https://cn.vuejs.org/api/总结：Vue3.0中一个新的配置向，值为一个函数，组件中所有用到的:数据、方法等等，均要配置在setup中。setup函数的两种返回值：若返回一个对象，则对象中的数据、方法、在模板中均可直接使用（重点）若返回一个渲染函数，则可以自定义渲染内容（了解）注意：总结：定义一

1.为了方便实现组件之间的数据共享,Vuex是他们团队借鉴了redux,用来实现vue组件全局状态(数据)管理的一种机制.2.特点(面试)能够在vuex中集中管理共享的数据，易于开发和后期维护能够高效地实现组件之间的数据共享, 提高开发效率存储在 vuex中的数据都是响应式的，能够实时保持数据与页面的同步一般情况下，只有组件之间共享的数据，才有必要存储到vuex中;对于组件中的私有数据，依旧存储在组件自身的data中即可.3.使用场景。

在hash地址中，/后面的参数项，叫做“

组件是可复用的 Vue 实例,主要用于开发中 具有相同特征不同数据的模块 把它集成为一个组件 供重复利用组件的属性不能用大写字母组件的名字可以用驼峰命名法,但是使用的时候必须用连字符全局注册的组件使用时不能使用单标签(不会报错,但是只能使用一次 多次使用只显示第一个)注册的组件不要跟系统标签同名一个vm实例可以有多个局部组件,但是只能供当前vm实例使用不能用外部data里面的数据，因为他是Vue全局的。必须要在过滤器中声明：而且必须在new Vue前申明，不然Vue里面的函数都加载完了还没有找到数据，就

el：指令所绑定的元素，可以用来直接操作 DOMname：指令名，不包括 v- 前缀。value：指令的绑定值，例如：v-my-directive=“1 + 1” 中，绑定值为 2。oldValue：指令绑定的前一个值，仅在 update 和 componentUpdated 钩子中可用。无论值是否改变都可用。expression：字符串形式的指令表达式。例如 v-my-directive=“1 + 1” 中，表达式为 “1 + 1”。arg：传给指令的参数，可选。

​ 我们看到的v-开头的行内属性，都是指令，不同的指令可以完成或实现不同的功能，对普通 DOM元素进行底层操作，这时候就会用到自定义指令。除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令案例：注册一个获取焦点的指令v-focus，注册自定义改变颜色v-color

filter主要用于数据展示之前的处理过滤器只能用在v-bind或者插值表达式中要定义到filters节点下，本质上是一个函数在过滤器函数中，一定要有return值再过滤器的形参中，就可以获取到“管道符”前面待处理的那个值。

（缺陷：只会劫持data里面的成员，如果是特殊的引用数据【比如数组下标】，不会劫持到引用数据内部的成员，3.0改善了这个缺陷，使用了代理）[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Z1DeGeWi-1663835822506)(image\image-20220831112650289.png)]如果数据容器中的数据变了也会让页面刷新（dom操作让页面改变），如果用户操作dom，改变了页面，反之也让数据容器中的数据中的值改变。**笔试题有可能写：**最简单的实现方法。

v-show 底层CSS的隐藏元素（dispaly:none）切换模块，具有更高的内存消耗；（针对频繁切换的使用）v-if /v-else ：底层移除元素来切换模块，具有更高的渲染消耗。（针对不常用的业务，用的时候在创建）dom中“冰元素”相似，vue中的组件， template标签，if成立了，并不会作为节点渲染到网页中。写成嵌套关系，不要写成平级的， 但是就浪费了一个节点；二者里面都是布尔值，用法一样，具体情况具体使用。

MVC与MVVM之间的区别。

​ 界面加载的时候会把节点直接挂载到文档树中,导致{{msg+“666”}}这个字符串会显示一下，vue对象生成data数据时候 回去刷新界面 把{{msg+“666”}}字符串替换成结果字符串，所以会出现页面闪烁的bug。其他元素的事件触发时 事件链经过它,无论是捕获还是冒泡阶段都不会触发它的事件,只有它自己是精准对象才会触发事件, 虽然它自己不会被别人影响,但是它自己的事件触发的时候还是会生成事件链经过其他元素,并不阻止继续冒泡到其他元素；事件只触发一次,触发完之后,事件就解绑；

​ 2014年2月，尤雨溪开发了一个前端开发库Vue.js。Vue.js 是构建 Web 界面的 框架，是一个通过简洁的API提供高效的数据绑定和灵活的组件系统。Vue.js 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue.js是前端的主流框架之一，和Angular.js、React.js并称为前端三大主流框架。Vue.js是前端的主流框架之一，和Angular.js、React.js并称为前端三大主流框架。数据驱动。

文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API)，它可以动态地访问程序和脚本，更新其内容、结构和 www 文档的风格(目前，HTML 和 XML 文档是通过说明部分定义的)。文档可以进一步被处理，处理的结果可以加入到当前的页面。DOM 是一 种基于树的 API 文档，它要求在处理过程中整个文档都表示在存储器中。

3、可视化区域加载：即只加载用户看得到的区域通过监控滚动来实现，一般会在距离用户看到图片前一定距离才开始加载，这样可以保证用户下拉时正好看到图片。**区别：**一个是提前加载，一个是延迟甚至不加载，懒加载可以缓解服务器对的压力。又叫做延迟加载，通过加载网络资源或符合某些条件时才加载资源。懒加载的意义：懒加载的目的主要是作为服务器前端的优化，减少请求数或延迟请求数。**2、预加载：**提前加载图片，当用户需要查看时可以直接从本地缓存中渲染。2、条件加载:符合某些条件，或者触发某些事件才开始异步加载。

简单理解就是：我会等你到底。在某段时间内，不管你触发了多少次回调，我都只认最后一次。