-
- 如何用Vue3实现可复制表格
- 最基础的表格封装最基础基础的表格封装所要做的事情就是让用户只关注行和列的数据，而不需要关注DOM结构是怎样的，我们可以参考AntDesign，columnsdataSource这两个属性是必不可少的，代码如下：import{defineComponent}from'vue'importtype{PropType}from'vue'interfaceColumn{title:string;dataIndex:string;slotNa
- Vue.js . web前端 1791 2023-05-11 20:19:12
-
- Vue3之副作用函数与依赖收集实例分析
- 副作用函数副作用函数是指会产生副作用的函数，如下面的代码所示：functioneffect(){document.body.innerText='hellovue3'}当effect函数执行时，它会设置body的文本内容，但除了effect函数之外的任何函数都可以读取或设置body的文本内容。也就是说，effect函数的执行会直接或间接影响其他函数的执行，这时我们说effect函数产生了副作用。副作用很容易产生，例如一个函数修改了全局变量，这其实也是一个副作用。/
- Vue.js . web前端 1560 2023-05-11 20:13:10
-
- 在Vue3中怎么实现数据变化时自动发出请求
- 一种方法是使用Vue3中提供的watchEffect函数。该函数接收一个参数，该参数是一个函数。这个函数中包含了需要响应的变量。当这些变量发生变化时，watchEffect函数就会自动触发该函数。例如：import{watchEffect}from'vue'watchEffect(()=>{//需要响应的变量console.log('变量发生变化了')})在上面的例子中，我们使用watchEffect函数观察了一个变量，当这个
- Vue.js . web前端 1321 2023-05-11 20:13:04
-
- vue3中怎么通过遍历传入组件名称动态创建多个component组件
- 背景在vue3中，如果使用component，可以动态加载一个组件，例如这样会将已经定义好并导入的比如Image组件加载出来，但是如果将需要展示的自定义组件放在一个数组中，遍历展示，则无法展示成功。import{ref}from"Vue";importImagefrom"@/customComponents/Image.vue";constrealTimeComponent=ref(["Image"]);或者import{ref}fro
- Vue.js . web前端 2749 2023-05-11 19:52:04
-
- Vue3 computed和watch源码分析
- computedcomputed和watch在面试中经常被问到他们的区别，那么我们就从源码的实现来看看他们的具体实现//packages/reactivity/src/computed.tsexportfunctioncomputed(getterOrOptions:ComputedGetter|WritableComputedOptions,debugOptions?:DebuggerOptions,isSSR=false){letgetter:ComputedGetterletsetter:
- Vue.js . web前端 979 2023-05-11 19:49:10
-
- uni-app vue3接口请求怎么封装
- uni-app接口，全局方法封装1.在根目录创建一个api文件，在api文件夹中创建api.js，baseUrl.js和http.js文件2.baseUrl.js文件代码exportdefault"https://XXXX.test03.qcw800.com/api/"3.http.js文件代码exportfunctionhttps(opts,data){lethttpDefaultOpts={url:opts.url,data:data,method:opts.method
- Vue.js . web前端 3329 2023-05-11 19:28:10
-
- Vue3中怎么引入Ant Design
- 首先介绍一下vue-cli3默认生成的目录结构+demo+node_modules（存放第三方模块）+public（存放静态文件）-favicon.ico（图标）-index.html（页面模板）+src（我们自己写的文件一般放在这个文件夹下）+assets（存放资源文件）+components（存放公共组件）+router.js（路由管理：Router）+store.js（状态管理：Vuex）+views（存放视图组件）-App.vue（页面入口文件）-main.js（程序入口文件）-pack
- Vue.js . web前端 3557 2023-05-11 19:28:04
-
- Vue3 Composition API怎么优雅封装第三方组件
- 前言对于第三方组件，如何在保持第三方组件原有功能（属性props、事件events、插槽slots、方法methods）的基础上，优雅地进行功能的扩展了？以ElementPlus的el-input为例：很有可能你以前是这样玩的，封装一个MyInput组件，把要使用的属性props、事件events和插槽slots、方法methods根据自己的需要再写一遍：//MyInput.vueimport{computed}from'vue'constprops=define
- Vue.js . web前端 1892 2023-05-11 19:13:09
-
- vue3+echart5遇到的坑Cannot read properties of undefined (reading 'type')怎么解决
- 1、错误说明vue3中，使用data的方式初始化echart图表exportdefault{data(){return{chart:null,...}},mounted(){this.chart=echarts.init(document.getElementById(this.id))this.chart.setOption({...})},...}在窗口大小发生变化时，需要执行this.chart.resize()动态调整图表的大小，发生错误：2、错误原因vue3中使用proxy的方式监听响
- Vue.js . web前端 3325 2023-05-11 19:07:04
-
- Vue3中怎么自定义Hooks
- CompositionApi解耦Vue2OptionApi实现低耦合高内聚说明：如果是CompositionApi在功能复杂、代码量巨大的组件下，我们配合自定义Hook，将代码按功能分块写，变量和方法在一起定义和调用，比如A功能下集成了响应式变量和方法，我们后期维护只需要改动A功能模块下的代码，不会像Vue2在OptionApi需要同时关注逻辑分散的methos和data。所以自定义Hook的写Vue3必须掌握的！它无不体现Vue3CompositionApi低耦合高内聚的思想！笔者在看了官方文
- Vue.js . web前端 1976 2023-05-11 18:22:13
-
- vue3+vue-cli4中怎么使用svg
- 一、安装svg-sprite-loadernpminstallsvg-sprite-loader--save-dev二、在src/components/svgIcon下新建组件index.vueimport{computed}from"@vue/reactivity";exportdefault{name:"baseSvgIcon",props:{iconClass:{type:String},className:{type:String},},setup
- Vue.js . web前端 1288 2023-05-11 17:58:06
-
- vue3+vite2中怎么使用svg方法
- 一、安装vite-plugin-svg-icons此处还需要安装下fast-glob相关依赖，不然vite运行npmrundev时会报Cannotfindmodule'fast-glob’的错误npmifast-glob@3.x-Dnpmivite-plugin-svg-icons@2.x-D二、在src/components/svgIcon下新建组件index.vueimport{computed}from'vue';cons
- Vue.js . web前端 1897 2023-05-11 17:55:06
-
- Vue3获取DOM节点的方式有哪些
- 1.原生js获取DOM节点：document.querySelector(选择器)document.getElementById(id选择器)document.getElementsByClassName(class选择器)....2.vue2中获取当前组件的实例对象：因为每个vue的组件实例上，都包含一个$refs对象，里面存储着对应的DOM元素或组件的引用。所以在默认情况下，组件的$refs指向一个空对象。可以先在组件上加上ref="名字"，然后通过this.$refs.
- Vue.js . web前端 4138 2023-05-11 16:55:06
-
- 怎么使用Vue3 SFC和TSX方式调用子组件中的函数
- 在开发中会遇到这样的需求：获取子组件的引用，并调用子组件中定义的方法。如封装了一个表单组件，在父组件中需要调用这个表单组件的引用，并调用这个表单组件的校验表单函数或重置表单函数。要实现这个功能，首先要在子组件中暴露父组件需要调用的函数，然后去父组件中获取子组件的引用，最后通过子组件的引用调用子组件暴露的方法。1子组件暴露方法1.1SFC（.vue）暴露方法在使用.vue定义的组件中，setup中提供了defineExpose()方法，该方法可以将组件内部的方法暴露给父组件。创建子组件demo-c
- Vue.js . web前端 1892 2023-05-11 14:58:13
-
- 怎么在Vue3中使用jsx/tsx
- JSX如何用这里以vite项目为例,要想在项目中使用JSX,我们需要安装一个插件@vitejs/plugin-vue-jsx,这个插件可以让我们在项目中使用JSX/TSXnpmi@vitejs/plugin-vue-jsx-D安装完成之后在vite.config.ts进行一个配置即可import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";importvueJsxfrom"@
- Vue.js . web前端 2696 2023-05-11 14:07:06
PHP讨论组
组员：3305人话题：1500
PHP一种被广泛应用的开放源代码的多用途脚本语言，和其他技术相比，php本身开源免费； 可以将程序嵌入于HTML中去执行， 执行效率比完全生成htmL标记的CGI要高许多，它运行在服务器端，消耗的系统资源相当少，具有跨平台强、效率高的特性，而且php支持几乎所有流行的数据库以及操作系统，最重要的是
工具推荐
雅龙智能装备工业设备类WordPress主题1.0
一个专为企业网站设计的现代化WordPress主题，集成了多语言支持、自定义SEO、Open Graph、安全加固和完全响应式设计等企业级功能。 ✨ 核心亮点- ? 完整多语言系统 - 支持中文、英文、越南语、葡萄牙语，可扩展- 自定义SEO功能 - 文章、页面、分类独立SEO设置- Open Graph支持 - 完整的社交媒体分享优化- 22项安全加固 - 企业级安全防护，防止脚本小子攻击- 完全响应式 - 完美适配手机、平板、桌面设备- 高性能优化 - 智能缓存、条件加载、代码优化-
企业站源码
2025-12-18
珠宝饰品主题宣传单模板A5下载
珠宝饰品主题宣传单模板A5适用于珠宝饰品传单设计 本作品提供珠宝饰品主题宣传单模板A5的图片会员免费下载，格式为PSD，文件大小为36.4M； 请使用软件Photoshop进行编辑，作品中文字及图均可以通过软件修改和编辑；
psd素材
2025-12-18
复古咖啡餐点美食菜单横幅模板PSD下载
复古咖啡餐点美食菜单横幅模板PSD适用于餐饮美食菜单设计 本作品提供复古咖啡餐点美食菜单横幅模板PSD的图片会员免费下载，格式为PSD，文件大小为31.7M； 请使用软件Photoshop进行编辑，作品中文字及图均可以通过软件修改和编辑；
psd素材
2025-12-18
驾照考试驾校HTML5网站模板
驾照考试驾校HTML5网站模板是一款适合提供驾驶培训和组织驾照考试服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。
前端模板
2025-06-10
驾照培训服务机构宣传网站模板
驾照培训服务机构宣传网站模板是一款适合提供一般驾驶和计划培训的驾校宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。
前端模板
2025-01-07
HTML5房地产公司宣传网站模板
HTML5房地产公司宣传网站模板是一款适合从事房地产服务行业宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。
前端模板
2025-01-06
