-
- Vue3插件中怎么使用Provide和Inject
- 为什么Vue3插件的工作方式与以往不同在Vue2中，大多数插件将属性注入到this上。例如可以通过this.$router访问Vue路由器。但是，setup()方法不再包含对this的相同引用。进行这种更改的主要原因是增加了对Typescript的支持。那么在Vue3中该如何访问我们的插件呢?可以用provide和inject来帮助我们在Vue程序中注入依赖项。Provide/inject用于依赖项注入，可以使我们能在Vue程序的根目录中提供插件，并且然后将其注入子组件中。在Compositio
- Vue.js . web前端 1406 2023-06-01 20:34:04
-
- Vue3兄弟组件传值之mitt怎么安装使用
- 比起Vue实例上的EventBus，mitt.js好在哪里呢？首先它足够小，仅有200bytes。其次支持全部事件的监听和批量移除。它还不依赖Vue实例，可以跨框架使用，React或者Vue，甚至jQuery项目都能使用同一套库。项目中安装mittnpminstall--savemitt使用方式一：在原型中声明一、在main.ts\color{#ef2d26}{main.ts}main.ts中注册挂载到全局import{createApp}from'vue'imp
- Vue.js . web前端 2329 2023-06-01 19:22:04
-
- vue3中的Proxy为什么一定要用Reflect
- 用过vue的知道，vue的响应实现用的Proxy，且里面是配合Reflect用的,查看Proxy和Reflect文档最显眼的是Reflect对象的静态方法和Proxy代理方法的命名相同，Reflect可以操作对象使用，proxy可以代理对象，但没有找到为啥有时一定要在Proxy代理方法中使用Reflect基本操作Reflect对象的静态方法和Proxy代理方法的命名相同，都有13种，示例get，set如下consttempObj={a:1};Reflect.get(tempObj,
- Vue.js . web前端 1614 2023-06-01 18:55:06
-
- vue3中怎么使用vue-router
- 一、第一步：安装vue-routernpminstallvue-router@4.0.0-beta.13二、第二步：main.js先来对比一下vue2和vue3中main.js的区别：（第一张为vue2，第二张为vue3）可以明显看到，我们在vue2中常用到的Vue对象，在vue3中由于直接使用了createApp方法“消失”了，但实际上使用createApp方法创造出来的app就是一个Vue对象，在vue2中经常使用到的Vue.use()，在vue3中可以换成app.use()正常使用；在vu
- Vue.js . web前端 2581 2023-05-30 18:07:12
-
- vue3如何封装axios
- 简介axios是一个基于promise的网络请求库，管理后台使用的场景通常获取后端api数据，然后交给页面渲染还是在前面的示例项目上操作，安装axios最新0.27.2版本cdHELLO-WORLDnpminstallaxiosopenapi在网上找到一个开放的openapi地址，免费且无需认证就可以使用方便开发时模拟接口数据，但不能使用在生产环境中该openapi返回json数据，比较符合我们的需求,这里直接写死到axios配置中基本配置axios配置项较多，这里只配置基本功能在src目录下创
- Vue.js . web前端 2055 2023-05-30 15:14:56
-
- 怎么使用vue3+Pinia+TypeScript实现封装轮播图组件
- 为什么封装？迎合es6模块化开发思想注册为全局组件，可以更好地复用，需要用到的地方，直接使用标签即可静态结构后面再进行更改defineProps().xtx-carousel{width:100%;height:100%;min-width:300px;min-height:150px;position:relative;.carousel{&-body{width:100%;height:100%;}&-item{width:100%;height:100%;position:
- Vue.js . web前端 2114 2023-05-30 09:40:06
-
- 在vue3项目中如何使用新版高德地图
- 1.首先你要注册好账号登录2.获取key和密钥自2021年12月02日升级，升级之后所申请的key必须配备安全密钥jscode一起使用NPM方式安装和使用(基础版):按NPM方式安装使用Loader:npmi@amap/amap-jsapi-loader--save在页面中通过NPM方式安装的使用:importAMapLoaderfrom'@amap/amap-jsapi-loader';/*在Vue3中使用时,需要引入Vue3中的shallowRef方法(使用s
- Vue.js . web前端 3082 2023-05-29 20:40:17
-
- vue3 vuex4 store的响应式取值问题怎么解决
- 场景：在页面中点击按钮，数量增加，值是存在store中的，点击事件，值没变。import{useStore}from'@/vuex';conststore=useStore()constonSubmit=()=>{store.dispatch("incrementAction",1);}letcount=store.state.count{{count}}原因：store.state.count错误的取值方式，虽然可以取出，但是丧失了响应
- Vue.js . web前端 1557 2023-05-29 18:55:12
-
- vue3页面加载完成后怎么获取宽度、高度
- vue3页面加载完成后获取宽度、高度刚好H5项目有用到这个需求，页面加载完成后获取当前页面高度。import{defineComponent,reactive,nextTick,onMounted,toRefs}from"vue";exportdefaultdefineComponent({name:"Aboutus",setup(){letstate=reactive({hHeight:0,//页面高度});onMounted(()=>{nextT
- Vue.js . web前端 3695 2023-05-29 15:31:22
-
- Vue3中怎么实现选取头像并裁剪
- 最终效果安装VueCropper组件yarnaddvue-cropper@next上面的安装值针对Vue3的，如果时Vue2或者想使用其他的方式引用，请访问它的npm官方地址:官方教程。在组件中引用使用时也很简单，只需要引入对应的组件和它的样式文件，我这里没有在全局引用，只在我的组件文件中引入import{userInfoByRequest}from'../js/api'import{VueCropper}from'vue-cropper&
- Vue.js . web前端 1510 2023-05-29 10:22:49
-
- 提高开发效率的Vue3常用插件有哪些
- 1、vue-multiselect-nextVue.js的通用选择/多选/标记组件2、vue-print-nb用于印刷、简单、快速、方便、轻便的指令包装器3、vue-i18n-next（Vue3的国际化插件）i18n是市面上比较成熟的国际化库，而vue-i18n是一个Vue.js国际化的插件，就是在vue应用中嵌入语言切换功能,可以切换已导入到项目中的各个语系。vue-i18n-nex是Vuei18n9用于Vue3的插件库。4、vue-cropper简单的vue图片裁剪插件5、VueGridLa
- Vue.js . web前端 3601 2023-05-29 08:53:47
-
- vue3容器布局和导航路由如何实现
- 容器布局将App.vue中的HelloWorld相关内容注释或删除掉，然后将element-plus提供的布局复制过来放在App.vue中该布局为左侧菜单栏，右边内容区，右上为顶部，典型的管理后台风格Header//importHelloWorldfrom'./components/HelloWorld.vue'importMenufrom'./components/Menu.vue'exportdefault{name:&
- Vue.js . web前端 1472 2023-05-28 20:08:32
-
- Vue3如何用CompositionAPI优化代码量
- 我们先来看看组件的整体代码结构：template部分占用267行script部分占用889行style部分为外部引用占用1行罪魁祸首就是script部分，本文要优化的就是这一部分的代码，我们再来细看下script中的代码结构：props部分占用6行data部分占用52行created部分占用8行mounted部分占用98行methods部分占用672行emits部分占用6行computed部分占用8行watch部分占用26行现在罪魁祸首是methods部分，那么我们只需要把methods部分的代
- Vue.js . web前端 1290 2023-05-28 16:55:23
-
- Vue3中如何使用defineCustomElement定义组件
- 使用Vue构建自定义元素WebComponents是一组web原生API的统称，允许开发者创建可复用的自定义元素(customelements)。自定义元素的主要好处是，它们可以在使用任何框架，甚至是在不使用框架的场景下使用。当你面向的最终用户可能使用了不同的前端技术栈，或是当你希望将最终的应用与它使用的组件实现细节解耦时，它们会是理想的选择。Vue和WebComponents是互补的技术，Vue为使用和创建自定义元素提供了出色的支持。你可以将自定义元素集成到现有的Vue应用中，或使用Vue来构
- Vue.js . web前端 3766 2023-05-28 11:29:52
-
- Vue3中如何使用Supabase Auth方法
- 引言Supabase是一个自称的"开源Firebase替代品"。我对与Supbase合作已经有一段时间了，我想我将尝试使用他们的认证API来为Vue.js3应用程序进行认证设置。首先，你为什么要使用SupabaseAuth？最重要的是，如果你使用Supabase作为你的数据存储，（它有一些非常甜蜜的好处），SupabaseAuth是你可以管理对这些数据的访问的唯一方法。其次，虽然SupabaseAuth也有许多不同的功能。没有中间件的用户权限（通过Postgres的行级安全）
- Vue.js . web前端 1807 2023-05-28 08:39:18
PHP讨论组
组员：3305人话题：1500
PHP一种被广泛应用的开放源代码的多用途脚本语言，和其他技术相比，php本身开源免费； 可以将程序嵌入于HTML中去执行， 执行效率比完全生成htmL标记的CGI要高许多，它运行在服务器端，消耗的系统资源相当少，具有跨平台强、效率高的特性，而且php支持几乎所有流行的数据库以及操作系统，最重要的是
工具推荐
jQuery点击文字滚动Scrollocue插件
jQuery点击文字滚动Scrollocue插件是一款用于构建一个简单的提示提词器系统的jQuery小插件。本作品由【站长素材】收集整理，转载请注明出处！
文字特效
2025-12-19
雅龙智能装备工业设备类WordPress主题1.0
一个专为企业网站设计的现代化WordPress主题，集成了多语言支持、自定义SEO、Open Graph、安全加固和完全响应式设计等企业级功能。 ✨ 核心亮点- ? 完整多语言系统 - 支持中文、英文、越南语、葡萄牙语，可扩展- 自定义SEO功能 - 文章、页面、分类独立SEO设置- Open Graph支持 - 完整的社交媒体分享优化- 22项安全加固 - 企业级安全防护，防止脚本小子攻击- 完全响应式 - 完美适配手机、平板、桌面设备- 高性能优化 - 智能缓存、条件加载、代码优化-
企业站源码
2025-12-18
白色相框样机展示PSD素材下载
白色相框样机展示PSD素材适用于相框样机展示设计 本作品提供白色相框样机展示PSD素材的图片会员免费下载，格式为PSD，文件大小为31.1M； 请使用软件Photoshop进行编辑，作品中文字及图均可以通过软件修改和编辑；
psd素材
2025-12-20
2026年新年艺术字设计模板下载
2026年新年艺术字设计模板适用于新年艺术字设计 本作品提供2026年新年艺术字设计模板的图片会员免费下载，格式为PSD，文件大小为10.0M； 请使用软件Photoshop进行编辑，作品中文字及图均可以通过软件修改和编辑；
psd素材
2025-12-20
春节快乐方形海报设计源文件下载
春节快乐方形海报设计源文件适用于春节海报模板设计 本作品提供春节快乐方形海报设计源文件的图片会员免费下载，格式为PSD，文件大小为33.7M； 请使用软件Photoshop进行编辑，作品中文字及图均可以通过软件修改和编辑；
psd素材
2025-12-19
驾照考试驾校HTML5网站模板
驾照考试驾校HTML5网站模板是一款适合提供驾驶培训和组织驾照考试服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。
前端模板
2025-06-10
驾照培训服务机构宣传网站模板
驾照培训服务机构宣传网站模板是一款适合提供一般驾驶和计划培训的驾校宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。
前端模板
2025-01-07
HTML5房地产公司宣传网站模板
HTML5房地产公司宣传网站模板是一款适合从事房地产服务行业宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。
前端模板
2025-01-06
