玩转Vue3全家桶第33页

表单的总数据为什么可以写成一个空对象，不用具体的写表单中绑定的值，vue3

constform=ref({})from为空对象在v-model里写form.name,其实就是在form这个空对象里添加了一个键名为name的成员，你不用在script标签的form对象里面特意写name属性。

深一海·2024-01-29 06:40

详解SpringCloud微服务技术栈：ElasticSearch实践2——RestClient查询并处理文档

‍作者简介：一位大四、研0学生，正在努力准备大四暑假的实习上期文章：详解SpringCloud微服务技术栈：ElasticSearch搜索结果处理（排序、分页、高亮）订阅专栏：微服务技术全家桶希望文章对你们有所帮助这一部分主要是做点

布布要成为最负责的男人·2024-01-29 06:26

使用Vite 创建 Vue 3.0 项目(最新体验)

一、前言最近在构建一个新的项目，大学室友小伙伴想用vue3，所以我想都没想就直接用vue-cli来搭建vue3。在搭建的的过程中，遇到了很多包版本的问题。比如：sass包。

HarlieYang·2024-01-29 06:36

【lucky-canvas插件】在Vue3实现大转盘&九宫格&老虎机抽奖

目录前言一、lucky-canvas介绍二、lucky-canvas使用（Vue3）1.安装2.注册3.使用三、九宫格为例的具体使用1.组件使用2.常用配置①blocks背景②prizes奖品③buttons

小五Five·2024-01-29 05:30

Vue3中按需导入使用dataV的vue3版本

前言：仅供参考，目前本人在项目使用是没问题的1、安装data-vue3npminstall@dataview/datav-vue32、按需导入Contentimport{BorderBox1}from'

Lee_Yu_Fan·2024-01-29 05:56

Vue3开发利器：超实用Npm Modules推荐与实战

专注于Vue3的实战总结和开发实践分享，让你轻松驾驭Vue3的奇妙世界！✨在这里，我将为你呈现最新的Vue3技术趋势，分享独家实用教程，并为你解析开发中的难题。

程序员海军·2024-01-29 05:42

Vue中使用TypeScript：全面指南和最佳实践

专注于Vue3的实战总结和开发实践分享，让你轻松驾驭Vue3的奇妙世界！✨在这里，我将为你呈现最新的Vue3技术趋势，分享独家实用教程，并为你解析开发中的难题。

程序员海军·2024-01-29 05:40

【Vue3】状态管理工具——pinia的使用

目录搭建pinia环境存储数据组件中使用数据修改数据storeToRefs$subscribepinia相当于vue2中的vuex，pinia也是vue.js状态管理库。搭建pinia环境下载npminstallpinia创建src/main.jsimport{createApp}from'vue'importAppfrom'./App.vue'/*引入createPinia，用于创建pinia*

叶子yes·2024-01-29 04:42

Android开发之玩转 Gradle，你可不能不熟悉 Transform，学Android看这就完事了

if(!deps.isEmpty()){task.dependsOn(deps);}},taskProvider->{//ifthetaskisano-opthenwemakeassembletask//dependonit.if(transform.getScopes().isEmpty()){TaskFactoryUtils.dependsOn(variantScope.getTaskCont

m0_64604042·2024-01-29 03:06

Android开发之玩转 Gradle，你可不能不熟悉 Transform，三面美团Android岗

Transformtransform=customTransforms.get(i);//Checkthetransformonlyappliestosupportedscopesforlibraries://Wecannottransformscopesthatarenotpackagedinthelibrary//itself.Sets.SetViewdifference=Sets.diffe

m0_64603929·2024-01-29 03:05

如何给页面元素添加水印背景，在vue中怎么处理？

2.1准备水印素材2.2页面结构规划三、使用CSS实现基本水印效果3.1设置水印样式3.2注意事项四、使用JavaScript增强水印功能4.1动态添加水印4.2动态移除水印4.3根据条件显示水印五、vue3

球球不吃虾·2024-01-29 03:21

vue3使用最新的属性defineModel实现父子组件数据响应式绑定

子父之间使用v-model双向绑定数据，子组件每次都要写emit和props觉得麻烦？以前，为了使组件支持与v-model双向绑定，它需要（1）声明prop，（2）在打算更新prop时发出相应的update:propName事件：现在再也不用这么麻烦了，直接使用defineModel就可以了，看一下官方文档：官方文档链接有的人说需要单独在vite中配置开启，但是我用的时候就不用配置也可以使用。也许

1024小神·2024-01-29 02:25

青海8日游旅游价格是多少，耐心看完，预算可省60%

②如何玩转青海甘肃？

摄影博主分享·2024-01-29 01:57

Vue3 pinia全解(上)

既然Vuex那么重要，那么在Vue3中岂能丢弃！在Vue3中，可以使用传统的Vuex来实现状态管理，也可以使用最新的pinia来实现状态管理，我们来看看官网如

还能救一下嘻嘻·2024-01-29 00:37

vue 样式隔离原理

如下面的例子：这是foo这是bar.foo{color:red;}.bar{color:green;}在vue组件挂在到dom之前，通过vue-loader（vue2）或@vitejs/plugin-vue（vue3

椒盐大肥猫·2024-01-28 23:09

玩转大模型！在GPU云平台部署ChatGLM-6B

大模型技术发展如火如荼，国内外已经出现不少优秀开源项目，其中国内清华大学开源的ChatGLM-6B广受关注。师出名门，未来可期ChatGLM-6B是一个基于GLM的生成式对话模型。由清华大学团队开发，旨在改进对话机器人的生成质量和逻辑。ChatGLM-6B采用了全新的训练方法，在其开源的模型中已经在大规模数据集上进行了训练，用户可体验高质量的对话机器人，也可以对其在用户自有数据集上微调，得到自己专

我爱计算机视觉·2024-01-28 23:09

学习Vue3的defineProps方法

学习Vue3的defineProps方法在Vue3中，defineProps方法是一个重要的API，用于定义组件的Props属性。

黑风风·2024-01-28 22:29

学习了解 Vue3 的 nextTick() 方法

学习了解Vue3的nextTick()方法Vue.js3引入了一系列新的特性和改进，其中之一是nextTick()方法的优化和变化。

黑风风·2024-01-28 22:29

ts+axios+vue3封装请求头加token报错

在使用ts封装axios时编译器报错：对象可能为“未定义”。ts(2532)封装请求时要传递token变量为Authorizationconfig.headers.Authorization=`Bearer${token}`;内置的并没有这个变量所以我们要告诉ts这个东西是一定存在的config.headers!.Authorization=`Bearer${token}`;就是在变量前加一个!

您的小透明·2024-01-28 22:41

vue3下富文本编辑器@wangeditor的一些配置

在vue3下使用v5版本获取所有key的方法editorRef.value.getAllMenuKeys()DOMimport'@wangeditor/editor/dist/css/style.css

您的小透明·2024-01-28 22:40

1章 TensorFlow

资料来源于：慕课网《基于Python玩转人工智能最火框架TensorFlow应用实践》什么是TensorFlow？

啊哈JC熙·2024-01-28 22:01

Vue3 + TypeScript demo笔记

文章目录前言interface/接口定义可选属性typealiasPropType过渡/动画点击事件前言这个demo是一个简单的JobListapp，跟着油管上的一个博主做的，学习了解Vue3和TS语法

PhotograpHB·2024-01-28 21:33

【超全干货指南】一文玩转HarmonyOS应用开发

【一文玩转HarmonyOS应用开发】计划，是为了广大开发者能够更快速、更便捷地了解HarmonyOS应用开发相关知识，通过一篇文章聚合丰富的从入门到实战的系列课程，从而全方位赋能开发者，助力开发者成长

华为开发者鸿蒙专区小助手·2024-01-28 21:16

snowpack和vite：noWebpack，无bundle的代表

支持情况上手使用安装初始化新项目旧项目迁移配置开发调试生产打包基本原理vite上手使用安装及初始化基本原理选型和展望相关链接“noWebpack”，无bundle的代表：snowpack和vite前段时间Vue3.0

Micheal_Wayne·2024-01-28 20:23

vue3使用monaco-editor组件

实现效果如下（切换语言、获取数据、格式化代码、设置默认数据）1.安装monaco-editornpminstallmonaco-editor@[email protected]（必须安装）2.vite.config.js配置importmonacoEditorPluginfrom"vite-plugin-

摆烂吧小李·2024-01-28 20:15

富文本（vue3）SQL格式化 JSON格式化

先上图看效果：SQL格式化使用的是codemirror和sql-formatter实现的（建议看文档搞）使用就直接用就可以了，如果用的地方多建议install全局组件对富文本编辑器进行封装。直接copy可用//引入全局实例import_CodeMirrorfrom"codemirror/lib/codemirror";//代码样式import"codemirror/addon/hint/sql-h

超级无敌谢大脚·2024-01-28 20:43

vue3 codemirror关于 sql 和 json格式化的使用以及深入了解codemirror 使用json格式化提示错误的关键代码

文章目录需求说明0、安装1.导入js脚本2.配置3.html处使用4.js处理数据（1）json格式化处理（2）sql格式化处理5.解决问题1:json格式化错误提示报错（1）打开官网（2）打开官网（3）查看官网示例（4）右键demo点击查看源代码发现关键代码（5）json格式化错误提示报错的关键代码6.剩余问题：需求说明后端返回一个json字符串，里面有value1、value2指定字段渲染sq

前端张三·2024-01-28 20:12

springboot+vue3支付宝接口案例-第二节-准备后端数据接口

springboot+vue3支付宝接口案例-第二节-准备后端数据接口！今天经过2个小时的折腾。准备好了我们这次测试支付宝线上支付接口的后端业务数据接口。下面为大家分享一下，期间发生遇到了一些弯路。

yrldjsbk·2024-01-28 19:34

【vue3源码】vue源码探索之旅：项目介绍

gitHubvue3项目仓库项目要求：vue版本3.4.15nodeV18.12.0以上使用pnpm包管理器vitest测试框架Vue3vue3是渐进式JavaScript框架，易学易用，性能出色，适用场景丰富的

ZSK6·2024-01-28 19:37

Vue3探索编辑部——关于Pinia(1)

Vue3中的Pinia创建项目数据准备和引入Pinia使用Pinia采用action修改数据总结什么是Pinia？Pinia是Vue3的专属的状态管理工具，什么是状态呢？

曼城巨星哈兰德·2024-01-28 17:10

一行代码，帮你管理项目的请求接口 | vue-request

VueRequest⚡️一个能轻松帮你管理请求状态（支持SWR，轮询，错误重试，缓存，分页等）的Vue3compositionAPI请求库为什么选择VueRequest在以往的业务项目中，常常被loading

John60676·2024-01-28 17:41

Photoshop软件Windows电脑通用安装视频教程

1、视频安装教程，以PS为例，其它Adobe全家桶安装方法都一样的，很简单Photoshop软件Windows电脑通用安装视频教程【软件下载地址】2、图文安装教程下载好压缩包后，请点击文件夹的图标打开，

net1193379199·2024-01-28 17:19

Vue3 + Vite 配置全局scss

1.安装scssnpminstall-Dsass2.配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets/css/main.scss";'}}},

Free zitao·2024-01-28 16:18

vue3+vite使用scss

1、安装依赖npminstallsass-d2、配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets/styles/main.scss";'}}},3、在对应目录下创建main.scss$blue:#3385ff4、在对应文件引用变量，成功！

xfq_z·2024-01-28 16:48

vue3和vite项目在scss中因为本地图片，不用加~

看了很多文章说要加~，真的好坑哦，我的加了~反而出不来了：304NotModified所以需要去掉~：/*默认dark主题*/:root[theme='red']{--bg-color:#0d1117;--text-color:#f0f6fc;--backImg:url('@/assets/images/redBg.png');}/*light主题*/:root[theme='blue']{--b

1024小神·2024-01-28 16:47

如何做好节日网络营销——以5月12号母亲节为例

本文就以今年5月12号的母亲节为例，分析一下在这个节日各大品牌是怎么玩转网络营销，以及在节日网络营销活动中“度”的把握问题。首先，品牌要做好节日网络营销，

国学精华苑·2024-01-28 15:58

vue3 pinia 写法和 pinia 中数据 proxy 对象如何获取使用

main.tsimportpiniafrom'@/stores'app.use(pinia);引入store/index.ts中的piniastore/index.tsimport{createPinia}from'pinia'importpiniaPersistfrom'pinia-plugin-persist'constpinia=createPinia()//永久持久化插件pinia.use

初遇你时动了情·2024-01-28 15:37

Vue 的存储库 Pinia 使用与介绍

前言Vue3已经推出很长时间了，它周边的生态也是越来越完善了。之前我们使用Vue2的时候，Vuex可以说是必备的，它作为一个状态管理工具，给我们带来了极大的方便。

半兽先生·2024-01-28 15:07

Vue3在css中使用v-bind绑定js/ts变量，也可以在scss和less中使用方式

主要介绍Vue3中的新增的v-bind()的常用使用方式，主要包括在css,less,scss中的使用，可以参考官方文档查看：Vue3官方文档特别提醒如果你想在scss中或者less中使用，可能会报各种乱七八糟的错误

1024小神·2024-01-28 14:56

Vue3新特性（一）--- 全局config对象和Teleport内置组件

1、全局config对象在Vue3中，通过createApp()方法创造的应用实例会暴露一个config对象允许我们配置一些应用级的选项，例如可在main.js中通过app.config.globalProperties

努力的小朱同学·2024-01-28 12:31

vue3+naiveUI二次封装的v-model 联动输入框

根据官网说明使用源码{{placeholder}}/***@author全易*@time2022-10-1113:08:46星期二*@description自定义输入框组件**/exportdefault{name:'ClwInput',props:{placeholder:{type:String,default:'',},//父组件v-model绑定的值modelValue:{type:Str

美酒没故事°·2024-01-28 12:24

VUE3 加载自定义SVG文件

网上代码通篇一律，需要修改多处地方，特别是component下还要创建一个index.vue的组件，奇奇怪怪。要在Vue项目中使用svg-sprite-loader来管理SVG图标，你需要执行以下几个步骤：npminstallsvg-sprite-loader-D步骤1:配置vue.config.js确保你的Vue项目的根目录中有一个vue.config.js文件，用于自定义VueCLI的内部we

fendouweiqian·2024-01-28 12:54

defineEmits用于定义并验证组件可以发射的事件类型

defineEmits是Vue3CompositionAPI的一个函数，主要用于定义并验证组件可以发射的事件类型。

Uaenali·2024-01-28 11:08

vue3父子组件数据传递

1、父组件向子组件传递数据子组件想要使用父组件的数据，代码如下父组件的代码constmyTitle="修改密码"constdata={username:"李白",password:"123456"}如上所示Drawer是一个父组件，它向子组件传递了title和content两个数据子组件的代码//接收父组件传递过来的数据constprops=defineProps({title:{type:Str

万猿丛中最秃的帅哥·2024-01-28 11:07

Vue3中父子组件实现数据双向绑定效果

父组件：import{defineComponent,ref}from'vue'importHyFormfrom'@/base-ui/form'exportdefaultdefineComponent({components:{HyForm},name:'sysUser',setup(){constformData=ref({id:'',password:'',})return{formData,

小马_xiaoen·2024-01-28 11:07

Vue3中父子组件传递

以下主要涉及到了父组件和子组件之间的自定义事件传递父组件中的使用//父组件中的使用：<DialogGroupv-for="(cItem,i)inchatTargetList":key="cItem.chat_id":chat-item="cItem":index="i":dislike-item-id=

Uaenali·2024-01-28 11:06

详解SpringCloud微服务技术栈：ElasticSearch搜索结果处理（排序、分页、高亮）

‍作者简介：一位大四、研0学生，正在努力准备大四暑假的实习上期文章：详解SpringCloud微服务技术栈：DSL查询ES文档高级语法、相关性算分数学原理总结订阅专栏：微服务技术全家桶希望文章对你们有所帮助这一部分学习我觉得也还是挺重要的

布布要成为最负责的男人·2024-01-28 09:10

详解SpringCloud微服务技术栈：DSL查询ES文档高级语法、相关性算分数学原理总结

‍作者简介：一位大四、研0学生，正在努力准备大四暑假的实习上期文章：详解SpringCloud微服务技术栈：ElasticSearch实践1——RestClient操作索引库与文档订阅专栏：微服务技术全家桶希望文章对你们有所帮助之前已经使用了

布布要成为最负责的男人·2024-01-28 09:38

2019玩转TIG（Telegraf+Influxdb+Grafana），轻松几步搭建环境，通过各种表盘展示数据，对数据进行实时监控和分析（下）

一、前期准备TIG详细搭建及使用笔记word文档下载地址：https://download.csdn.net/download/u014374009/11977972，点击下载。Telegraf下载地址：https://download.csdn.net/download/u014374009/11978228，点击下载。Influxdb下载地址：https://download.csdn.net

代码讲故事·2024-01-28 08:08

Vue3中ElementPlus组件二次封装，实现原组件属性、插槽、事件监听、方法的透传

本文以el-input组件为例，其它组件类似用法。一、解决数据绑定问题封装组件的第一步，要解决的就是数据绑定的问题，由于prop数据流是单向传递的，数据只能从父流向子，子想改父只能通过提交emit事件通知父修改。父：import{ref}from'vue'importCInputfrom'@/components/CInput/index.vue'constname=ref('')子组件：impo

聂大哥·2024-01-28 08:56

推荐频道

玩转Vue3全家桶