- 博客(27)
- 收藏
- 关注
RSS订阅原创 Vue的scoped原理是什么
Vue中的scoped是一种基于属性选择器的样式隔离方案，通过给组件生成唯一的属性选择器来实现样式隔离。当在<style>标签上添加scoped属性时，Vue会为该组件的每个元素添加一个唯一的属性，并将样式规则中的选择器修改为包含该属性[data-v-xxxx]的形式。生成唯一属性：xxxx 是一个基于组件文件路径和内容的哈希值，确保唯一性。假设有以下组件：</</.examplecolor;</编译后生成的样式和模板如下：</color;</
2025-02-12 12:06:10
353
原创 为什么不建议在Vue中同时使用v-if和v-for
，Vue 仍然需要对整个列表进行遍历和条件判断。如果列表很大，这可能会导致性能问题。通过计算属性预先过滤列表，可以避免重复的条件判断，从而提升性能。都会遍历整个列表,这意味着 Vue 会先执行循环，再对每个元素应用条件判断。即使最终只有少量元素需要渲染，也会遍历整个列表，导致不必要的性能开销。优先级高，相对于Vue2做了一些优化，Vue 会先进行条件判断，再决定是否执行循环。这减少了不必要的循环和 DOM 操作，提升了性能。：让模板专注于展示渲染，数据逻辑通过。// 预先过滤出需要渲染的项。
2025-02-08 20:39:25
630
原创 为什么Vue的data属性是函数而不是对象
组件一般都会被多个实例复用，如果data是一个对象，所有实例会共享同一个data对象，这样当一个实例修改了data数据，其他实例的数据也会被改变。为了保证每个实例都有独立的数据，就需要用函数来返回一个新的对象，保证每次实例化时都生成一个新的数据副本。而根实例因为只会被创建一次(不会被复用)，所以可以直接用对象，不会有这个问题。Vue中data属性设计为函数而非对象的原因是。
2025-02-08 17:26:38
268
原创 Vue Router中如何获取路由传递过来的参数
id=123)或路由跳转时写了query【如router.push({path: ‘/user’,query: { id: 123}});】，则可以通过route.query.id获取该参数。在Vue Router中可以通过动态路由匹配和查询参数query来传递参数；同时也可以将路由参数或查询参数作为组件的props传递，这样组件可以直接通过props来访问这些参数。如果在路由配置中使用了动态路由(如/user/:id)，则可以通过route.params.id获取该参数。
2025-02-05 09:57:00
1042
原创 vue中的v-cloak和v-pre有什么作用
当vue实例加载较慢时，页面可能短暂的显示{{ message }}这样的未编译的模板，影响用户体验。这里v-cloak属性的作用就是在Vue实例加载完成之前隐藏div元素，直到Vue实例加载完成移出v-cloak属性，显示div元素。v-cloak用于防止vue模板在编译完成之前显示未编译的原始Mustache语法（如 {{ message }}），用于防止页面闪烁。当你需要显示原始 Mustache 语法（如 {{ message }}）而不是动态绑定的值时，可以使用 v-pre。
2025-02-04 13:53:32
270
原创 JavaScript中通过字面量方式定义的字符串变量为什么能够直接调用原型链上的函数
JavaScript中通过字面量方式定义的字符串变量为什么能够直接调用原型链上的函数
2024-04-05 15:17:17
579
1
原创 直接用id获取dom元素
如果dom元素的id名称不和js内置属性或全局变量重名的话，该名称自动成为window对象的属性，属性值指向表示文档元素的HTMLElement元素
2023-08-21 09:41:21
383
1
原创 安装vuex插件之后，vue实例上添加store属性，打印this.$store为undefined
vue实例没有$store属性的解决方案
2023-06-24 06:43:11
715
1
原创 autocomplete不起作用
只有设置了name属性的输入框才会起作用。因为它是按照表单name进行存储，下次通过name寻找对应需要填充的值。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。但是不是所有控件都支持，支持一般只有文本类的表单控件。
2022-12-17 11:54:34
2610
2
原创 解决video标签在浏览器上无法显示画面的问题
解决video标签在浏览器上无法显示画面的问题MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器解决方案：修改视频的编码格式首先下载QQ影音用QQ影音打开出现问题的视频，先暂停，点击如下按钮按如上图所示修改相应参数，点击添加文件可以同时修改多个文件的编码格式。选择转码后文件的保存路径，点击开始即可。再次使用video标签，选择转码后的视频路径即可在浏览器中看见视频画面啦。...
2022-05-25 16:57:21
6890
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人