Admans的专栏

通过 configureApp 选项支持自定义元素的应用程序配置。增加 useHost()、useShadowRoot() 和 this.$host API，用于访问自定义元素的宿主元素和影子根。支持在不使用 Shadow DOM 的情况下挂载自定义元素，通过传递 shadowRoot: false。支持提供 nonce 选项，将附加到自定义元素注入的标签中。})

学习 Vue 设计模式，就像学习一门新的语言，能够让你更深入地理解 Vue 的工作原理，写出更健壮、更灵活、更可扩展的代码。希望这篇文章能让你对 Vue 设计模式有一个更深的了解，并帮助你在实际开发中应用这些技巧，写出更优秀的 Vue 代码！转自：前端开发博客。

【代码】driver.js 扩展下次“不再提示”功能。

如果想持久保存，可以使用。

安装插件使用：添加 ` :modules="modules"` 效果：

如上：有一个表单，要求用户在选择“任务类型3”时，必须“TaskContent”的内容，选择类型1或类型2时则不做验证要求。上述验证代码，会发现有问题，如果用户选择或者切换到了“类型1”或者“类型2”，同样会对类型3下的。，表单验证好像没问题了，但是程序如果进行了对。进行了其它操作，会引起不必要的错误。解决方法：有人提出了把。进行验证，提示用户“

【代码】Vue3 Echarts 自适应大小。element-resize-detector

使用插件展示大量数据，是可以比较流畅的渲染 / 滚动的作者：雪急飞绪来源：优快云原文：https://blog.youkuaiyun.com/qq_38689395/article/details/116757771版权声明：本文为作者原创文章，转载请附上博文链接！优快云,CNBLOG博客文章一键转载插件。

原文：https://blog.youkuaiyun.com/luofei_create/article/details/124985893。版权声明：本文为作者原创文章，转载请附上博文链接！作者：luofei_create。本人实例自用，不喜勿喷。

但如果我们不想让它跳转但还想使用a标签的话，此时就需要使用。版权声明：本文为作者原创文章，转载请附上博文链接！这时再点击a标签的时候就不会跳转目标地址链接了。此时，我们就需要使用。作者：幸福了，然后呢。

在public目录创建config.json文件，名字随便起。刷新页面后即显示新的内容。打开main.js，导入。

解决方法：在vite.config.js加入以下代码resolve: { alias: { 'vue-i18n': 'vue-i18n/dist/vue-i18n.---------------------作者：BY_BC来源：优快云原文：https://blog.youkuaiyun.com/BY_BC/article/details/125387921版权声明：本文为作者原创文章，转载请附上博文链接！内容解析By：优快云,CNBLOG博客文章一键转载插件

在vue2.0时期，组件里定义的各类变量、方法、计算属性等是分别存放到data、methods、computed...选项里，这样编写的代码不便于后期的查阅（查找一个业务逻辑需要在各个选项来回切换）。setup函数的推出就是为了解决这个问题，让新手开发者更容易上手...以的形式来命名本地自定义指令，可以直接在模板中使用// 导入指令可重命名// 自定义指令// 在元素上做些操作}}

【代码】Vue3+el-scrollbar 实现向上加载更多向下刷新数据。

解决办法：在原来的列表内手动添加一空行，并定义一个不可见的样式即可，这行的最大个数要等于原来每行设定的个数，正常情况下，每页大小15个，设置每行3列，刚好5行。当外部容器宽度不足以放3列时，自动换行，

打开提示的文件，删除 “sourceMappingURL”这一行即可。

【代码】Vue3 el-upload + WebAPI实现上传。

【代码】Virtual script not found, may missing / "allowJs": true / jsconfig.json.volar。

问题： 在使用 vue 的时候，发现 script 标签首层不缩进？？？下载扩展：prettier。

【代码】el-button slot 自定义按钮显示内容 上标 加粗。

1.localForage是一个JavaScript库，能够类似的存储。2.他是异步存储，可以优化你的web应用程序的离线体验，而且能存储多种类型的数据3.localForage有一个优雅的降级策略，如果浏览器不支持indexedDB或者WebSQL则使用localStorage4.支持es6的 Promises API,而且支持添加回调函数二. 安装使用//使用npm//使用bower//引入js页面,将路径引入//引入vue页面三.使用localFroage进行存储。

问题就是v-for选择里面 删除数组指定元素 结果splice删除的永远都是最后一个原本以为很简单的删除 结果事与愿违 现实给你一个玩笑 他删除的不是你指定位置的 而是一直都是最后一个 ，这个是因为vue的机制原理造成的 因为在于key的绑定问题，我只是用下标来绑定每一个标签的key，而没有与数组中元素挂钩，因此当删除数组元素时，vue会采用一种叫做’就地复用‘的原则，将旁边的元素直接拿过来使用知道是KEY的原因就好办了，那就把KEY换成唯一的 可以是时间戳 也可以ID 保证唯一性就可以了

【代码】VUE3+pdfh5实现预览Pdf文件。

VUE3中实现word的预览功能

方式一：通过 icon="el-icon-plus" 使用。方式三：通过 直接使用 SVG 图标。附：Element Plus Icon图标 名称。方式二：通过 使用。安装 Element Plus。在main.js 引入。

【代码】el-upload 防止选择上传重复文件。

原因：内不能有多个根元素。

将一个响应式对象转换为一个普通对象，这个普通对象的每个 property 都是指向源对象相应 property 的 ref。如果将一个对象赋值给 ref，那么这个对象将通过 reactive() 转为具有深层次响应式的对象。ref 对象是可更改的，也就是说你可以为 .value 赋予新的值。它也是响应式的，即所有对 .value 的操作都将被追踪，并且写操作会触发与之相关的副作用。返回的对象以及其中嵌套的对象都会通过 ES Proxy 包裹，因此不等于源对象，建议只使用响应式代理，避免依赖于原始对象。...

Vue3的setup语法糖是个好东西，但使用setup语法带来的第一个问题就是无法自定义name，而我们使用keep-alive往往是需要name的，解决这个问题通常是通过写两个script标签来解决，一个使用setup，一个不使用，但这样必然是不够优雅的。这时候借助插件可以让我们更优雅的解决这个问题，不用写两个script标签，可以直接在script标签上定义name。安装配置使用。...

原文：https://blog.youkuaiyun.com/qq_41664096/article/details/121312823。在执行后并未发现异常，但在浏览器访问时，显示 Cannot GET /，说是找不到。实际上只是帮我们开启了一个静态 Web 服务器，并没有构建项目。查看了 package.json 文件中的 scripts，运行。在网上查找解决方案，发现并没有结果。版权声明：本文为作者原创文章，转载请附上博文链接！在使用 Vite 时，想像以前执行。一样，查看生产环境的应用。最后通过官方文档发现，

一、Mock.js入门1． 什么是mock.js?Mock.js （官网http://mockjs.com/）是一款模拟数据生成器，旨在帮助前端攻城狮独立于后端进行开发，帮助编写单元测试。提供了以下模拟功能：1,根据数据模板生成模拟数据2,模拟 Ajax 请求，生成并返回模拟数据3,基于 HTML 模板生成模拟数据Mock.js 具有以下特点：1.前后端分离,让前端攻城师独立于后端进行开发。2.增加单元测试的真实性3.通过随..