vue3随手记

[GN] 使用vue3+vite+ts+prettier+eslint

学习目标：做到代码格式等统一，此时，esint和prettier就要登场了。学习内容：eslint是代码检测工具，可以检测出你代码中潜在的问题，比如使用了某个变量却忘记了定义。prettier是代码格式化工具，作为代码格式化工具，能够统一你或者你的团队的代码风格。=>安装prettier+eslint包，并做一系列的配置学习时间：创建项目yarncreatevite选择vue作为framework
GGood_Name·2024-01-20 08:22

【Vue3】3-4 : 组件的属性与事件是如何进行处理的

有时候组件上的属性或事件并不想进行组件通信，那么Vue是如何处理的呢？组件的属性与事件默认不通过props接收的话，属性会直接挂载到组件容器上，事件也是如此，会直接挂载到组件容器上。可通过inheritAttrs选项阻止这种行为，通过指定这个属性为false，可以避免组件属性和事件向容器传递。可通过$attrs内置语法，给指定元素传递属性和事件，代码如下：letapp=Vue.createApp(
ladymorgana·2024-01-20 06:32

【Vue3】3-3 : 组件之间是如何进行互相通信的

本书目录：点击进入一、组件之间为什么要做通信二、组件之间通信方式2.1、父传子：由传递属性实现stage1：申明（即定义）stage2：注册stage3：使用【示例】：父组件将title和count传递给子组件（普通数据和响应式数据的传递）＞代码＞效果2.2、子传父：由自定义事件实现stage1：申明（即父组件：定义方法+子组件：调用方法）stage2：注册stage3：使用【示例】：子组件将da
ladymorgana·2024-01-20 06:01

v-if和v-for哪个优先级更高?

vue3中则相反，v-if优先级高于v-for，所以两者写在一个标签内，如果v-if使用了v-for循环出来的变量，则会有变量不存在的异常。场景：1、过滤列表中的项目。2、避免渲染本应该被隐藏的列表
程序员-小许·2024-01-20 05:27

vue-cal 使用教程

目录0.介绍及效果展示1.vue2环境安装2.页面引入3.使用4.效果图0.介绍及效果展示vue-cal组件比较灵活，可以随意切换年、月、周、日、时间历图，放几张截图看下效果1.vue2环境安装vue3
小菜花29·2024-01-20 05:24

Vue再次接触后

企业数字化平台》中的组织管理部分内容的设计和开发，数据库很快就设计出来了，下步就要动手干活了，发现前端竟然不会，疯了，好在以前看过vue的一点东西，没有写过内容，马上就开始了，工欲善其事必先利其器，把Vue3
Feather Duster·2024-01-20 04:20

文心一言 使用指南

把自己工作、生活中遇到的问题，随手记录下来，扔给文心一言，看看它有什么建议。大约大半个月后，会逐渐发现文心一言的迷人之处。这个时候，再去看看别人的教程也不迟。
加百力·2024-01-20 03:43

Vue3的v-if 和v-for优先级

文章目录在vue2中，v-for具有比v-if更高的优先级在vue3中，v-if具有比v-for更高的优先级。
fmk1023·2024-01-20 03:52

Vue3中使用JSX

vite中配置JSX安装相关依赖：npminstall--save-dev@vue/babel-plugin-jsx然后，在项目的vite.config.ts文件中进行配置。具体的配置内容如下图所示：import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importvueJsxfrom'@vitejs/plugin-vue-j
fmk1023·2024-01-20 03:52

我从Vue3 中学到的 7 个超级实用的开发技巧

来源|https://javascript.plainenglish.io/7-super-useful-utility-functions-i-learned-from-vue3-adc6c93067b
web前端开发V·2024-01-20 02:31

Vue3中响应式的实现

vue3响应式的实现Vue3中，数据是基于ES6Proxy实现响应式的。
buffonme·2024-01-20 02:52

Vue3中的ref和reactive函数如何使用？区别是什么？

ref函数语法：复制constxxx=ref(initValue)接受的数据类型：基本类型，对象类型作用：把参数加工成一个响应式对象，全称为reference对象(我们下面一律简称为ref对象)核心原理：响应式依赖Object.defineProperty()的get()和set()。Ref函数对于基本数据类型的参数基本使用：复制{{Str}}import{ref}from'vue'exportd
山抹微云_9c0c·2024-01-20 02:08

Springboot、mybatis集成多数据源

之前写过一篇jpa的多数据源配置，随着各种项目的不断开发，发现有时Mybatis操作数据更加方便，所以把Mybatis多数据源配置的方法也随手记录下，希望对你有帮助1、先在application.yml
LssTechnology·2024-01-20 01:28

Slurm随手记

写在前面：项目要用，随便记录一下文章目录简介快速开始框架命令建议MPI参考资料：https://slurm.schedmd.com/quickstart.htmlhttps://blog.csdn.net/weixin_42279314/article/details/109677459https://hpc.pku.edu.cn/_book/guide/slurm/sbatch.html简介Sl
likeGhee·2024-01-20 01:25

vue3中form对象无法赋值问题

加上asyncawait还是不行有时候对象的值死活赋不上值，这时候可以看下赋值的对象变量名是否和页面组件中的ref相同，如果存在相同，则参照以下解决方案：问题定位：setup中抛出的变量不能与页面组件中的ref重复解决方式：更换ref名称ref=“form”改为ref=“messageForm”
vivk2017·2024-01-20 00:28

vue3中新增时form对象无法赋值问题

有时候对象的值死活赋不上值，这时候可以看下赋值的对象变量名是否和页面组件中的ref相同，更改后正常赋值
vivk2017·2024-01-20 00:28

1、前端项目初始化（vue3)

1、安装npm安装npm，（可以用nvm管理npm版本）npm安装需要安装node.js（绑定销售？）而使用nvm就可以很方便的下载不同版本的node，这里是常用命令1、nvminstall：安装指定版本的Node.js，例如nvminstall18.16.1。2、nvmuse：切换到指定版本的Node.js，例如nvmuse18.16.1。3、nvmcurrent：显示当前正在使用的Node.j
嘿，不许笑·2024-01-19 23:44

python中的numpy数组索引切片用法2（随手记）

NumPy数组的索引和切片非常灵活，提供了多种方式来访问和操作数组的数据。除了基本的索引和花式索引，还有其他一些高级的索引方法：切片索引（Slicing）:与Python列表类似，但更强大。可以在多维数组上进行，如arr[start:stop:step]。整数数组索引:通过整数数组，选择数组中对应索引位置的元素，如arr[[1,5,7]]。布尔索引:使用布尔数组进行索引。通常与条件表达式结合使用，
编程小白成长之路·2024-01-19 22:40

python中的numpy数组索引切片用法1（随手记）

NumPy数组支持所谓的“花式索引”（FancyIndexing），这意味着您可以使用整数列表或NumPy整数数组作为索引来选择数组中的元素。这种索引方式允许您从数组中选择一个不连续的元素集。以下是一些使用列表索引NumPy数组的示例：使用整数列表作为索引：importnumpyasnparr=np.array([10,20,30,40,50])indices=[1,3,4]#选择索引1,3和4的
编程小白成长之路·2024-01-19 22:39

python中的稀疏矩阵1（随手记）

分析一下这段代码test_csr=csr_matrix((test,(row,col)),shape=graph_shape)这行代码使用了csr_matrix类来创建一个稀疏矩阵，其中的数据(test)、行索引(row)和列索引(col)由参数提供。test:这是一个包含稀疏矩阵中非零元素的数组。在这里，它作为矩阵的数据。(row,col):这是一个包含(i,j)对的元组，其中i和j分别是稀疏矩
编程小白成长之路·2024-01-19 22:09

python中的列表list索引切片用法2（随手记）

Python中列表（List）的索引切片是一种非常灵活和强大的特性，它允许你以多种方式提取列表的部分元素。除了基本的切片操作，还有一些其他技巧可以让你更高效地使用列表切片：负数索引：使用负数索引可以从列表的末尾开始计算位置。例如，list[-1]指的是列表中的最后一个元素。步长（Step）：切片可以包含一个“步长”参数，例如list[start:end:step]。步长定义了从start到end选
编程小白成长之路·2024-01-19 22:09

python中的可变与不可变数据类型（随手记）

一、内置数据类型在Python中，数据类型可以分为不可变（immutable）和可变（mutable）两类。这个区别非常重要，因为它影响了数据如何在程序中被处理和修改。不可变类型（Immutable）不可变类型创建后其内容不能被改变。这包括：整数（Integers）浮点数（Floats）复数（ComplexNumbers）布尔值（Booleans）字符串（Strings）元组（Tuples）冻结集
编程小白成长之路·2024-01-19 22:09

python中的坐标旋转scipy.spatial.transform.Rotation（草记）

#实操中学到的两种选转坐标的方式，随手记录一下#scipy.spatial.transform.Rotation是一个坐标旋转工具，其中有多种方式进行旋转。
编程小白成长之路·2024-01-19 22:39

python中冒号的用法（随手记）

在Python中，冒号通常用于引入一个代码块，例如在if语句、循环、函数定义、类定义等地方。冒号后面也可以是一个赋值语句，例如self._mesh:trimesh.Trimesh=trimesh.load_mesh(filename,process=False,validate=False)trimesh.load_mesh(filename,process=False,validate=Fals
编程小白成长之路·2024-01-19 22:39

uniapp+vue3打包问题记录

**背景：**打包app出现问题，只显示底部导航的文字，其他一片空白1.pages.json文件：tabBar中的iconPath图标格式不支持svg，只支持：png,jpg,jpeg的格式，当图片改为.png的时候可以正常显示2.适配插件的影响：使用了postcss-pxtorem插件，同时安装了lib-flexible插件，但因为lib-flexible源码基于window对象的操作，导致打包
元宵不吃汤圆·2024-01-19 22:08

python中trimesh的使用1（随手记）

trimesh是一个Python库，用于处理和操作3D模型。trimesh支持多种3D文件格式，以下是一些常见的格式：1.STL（Stereolithography）:二进制和ASCII格式的STL文件是trimesh的基本输入和输出格式。importtrimesh#读取STL文件mesh=trimesh.load('file.stl')#保存为STL文件mesh.export('output.s
编程小白成长之路·2024-01-19 22:38

vue3 elementplus el-popover组件点击外部区域无法关闭问题

1、从elemtn-plus中导入ClickOutside指令import{ClickOutsideasvClickOutside}from'element-plus'从elemtn-plus中导入ClickOutside指令//import{ClickOutsideasvClickOutside}from'element-plus'import{ClickOutsideasvClickOutsi
C++++‍♂️·2024-01-19 22:10

Vue3实现响应式编程

Vue3的响应式编程实现主要是基于Proxy和Object.defineProperty。以下是对Vue3的响应式编程实现的简单说明和代码示例。
无妄的罪·2024-01-19 21:09

详解Vite创建Vue3项目+vue-router+ts+vite+element-plus

前言在之前的文章中写过“Vue3+TS+ElementPlus的安装和使用教程【详细讲解】”，但那篇文章写的是创建vue3的项目没有使用到Vite构建工具进行创建还是使用的常规webpacket构建工具进行创建的
SwJieJie·2024-01-19 21:24

Vue3+Element-Plus 登录功能配置弹框提示实现十五

小技巧：当前Vue3.0需要使用element-plusr如果是Vue2.0是使用element-uiVue3.0前面需要加上El例如
小丫头呀·2024-01-19 20:43

MQTT在Web开发中的应用

一：脚手架安装mqtt作者这里用的vue3的框架直接上命令，npm安装或者pnpm进行安装。
Devil枫·2024-01-19 20:43

【六袆 - Framework】vue3入门；vue框架的特点矩阵列举；Vue.js 工作原理

vue框架的特点Vue.js的特点展开叙述Vue.js的工作原理展开叙述官方文档：https://cn.vuejs.org/guide/introduction.htmlVue.js的特点┌────────────────────┬────────────────────────────────────┐││Vue.js特点│├────────────────────┼──────────────
鞠崽23333·2024-01-19 20:35

vue3 + naive ui + Tabs 报错 ‘Slot “default“ invoked outside of the render function‘

警告的异常信息：'Slot"default"invokedoutsideoftherenderfunction'解决方法：如下给Tabs组件加一个defaultValue的默认值即可参考：https://github.com/tusen-ai/naive-ui/issues/3134
三劫散仙·2024-01-19 20:55

vue3.x实践经验-1、mapState、mapGetters、mapMutations、mapActions

一边学习vue3.x，一边实践，最近在做项目时，使用computed引入store中state的数据时，总是觉得很麻烦，想起新版兼容2.x,就想着引入mapState，可是怎么用都不对劲。
不收藏找不到我·2024-01-19 19:02

VUE3，自定义控制keep-alive缓存

安装插件npminstallvite-plugin-vue-setup-extend--save在vite.config.ts中importVueSetupExtendfrom'vite-plugin-vue-setup-extend'.....plugins：[vue(),VueSetupExtend(),.....]useKeepalive.tsimport{ref}from"vue"expo
日积一步·2024-01-19 19:50

【Vue技巧】vue3中不支持.sync语法糖的解决方案

海鲸AI-ChatGPT4.0国内站点，支持设计稿转代码：https://www.atalk-ai.com在Vue3中，.sync修饰符已经被移除。
海鲸AI·2024-01-19 19:46

精时力管理(2019.11.16)

一、时间记录的三原则：按分记，随手记，终身记。
真好_4ed3·2024-01-19 19:06

vue3+vite 搭建项目

第一步npminitvite@latest当然，我在建项目的时候输入这个命令行的时候，报错了，提示安装依赖，执行如下命令：npminstall-gcreate-vite全局安装create-vitecdxxxnpminstallnpmrundev之后就按照步骤选择vuets或者js语言就可以了搭建好项目之后，我们就开始新建路由文件以及views文件夹了安装依赖npminstallvue-route
前端~·2024-01-19 18:26

TS在vue3中的初使用

一、定义基本类型constmyRef=ref(1);constmyStringRef=ref('hello');constmyBooleanRef=ref(true);二、引用类型(1)对象interfaceMyData{name:string;age:number;}constmyData:MyData={name:'Alice',age:25,};constmyRef=ref(null);//
和科比合砍81分·2024-01-19 17:27

Vue3+Ts+Vite项目(第三篇)——配置husky、stylelint、commitlint，配置git提交代码校验

文章目录简介一、项目环境1.1node.jsv16.0.0及以上（我v16.14.1）1.2pnpmv8.0.0及以上（我v8.6.6）二、创建项目2.1安装pnpm2.2创建项目-不多赘述三、配置eslint3.1安装eslint3.2生成eslint配置文件3.3完善.eslintrc.cjs文件中的rules对象3.4新建忽略文件3.5添加脚本3.6检测是否生效四、配置prettier4.1
礼貌而已·2024-01-19 17:57

vue3项目eslint配置、配置prettier(格式化配置)

文章链接:全部配置链接第一步:eslint配置、配置prettier(代码格式化):点击链接(1).eslint.cjs—eslint配置文件(2).eslintignore—校验忽略文件(3).prettierrc.json添加规则(4).prettierignore忽略文件prettierrc规范说明:第二步:styleLint配置样式链接第三步:husky配置第四步:commitLint配置
和科比合砍81分·2024-01-19 17:25

vue3通过函数方式调用组件

  由于项目中有个小需求，双击数据库表格数据变为输入框修改or点击选中删除数据后需要弹窗显示要执行的SQL，点击执行后方可修改数据库数据（出于二次确认以及有时是需要把SQL拷贝出来提工单到生产环境执行等）。原本使用的是ElementPlus的ElMessageBox.prompt()函数进行弹框显示sql内容，但是该方式不好控制弹框大小，以及sql关键字美化等。故而就想通过类似的方式实现一个函数来
Coder慌·2024-01-19 16:23

vue3项目中关闭 eslint 检验

文章目录需求分析需求关闭eslint检验分析在Vue3项目中，可以通过修改package.json文件或者配置.eslintrc.js文件来关闭ESLint检验。
博客zhu虎康·2024-01-19 15:57

Vue2-Vue3

一、初始Vue动态构建用户界面的渐进式JavaScript框架英文官网中文官网1.1创建Vue实例想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性；一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新（响应式）；注意区分：js表达式和js代码(语句)1.表达式：一个表达式会产生一个值，
前端扫雪工·2024-01-19 15:26

uniapp vue3 vscode快速开发配置 使用 pinia 持久化数据，数据加密，unocss

UniappVue3/ViteTypescript命令安装文档npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-projectgitee模板下载vscode快速开发插件
潇、然·2024-01-19 15:25

vue3 组件的二次封装（保留其属性和事件，插槽，方法）

vue3组件的二次封装基础组件模拟封装一个基础组件，包含一个base事件，一个title属性，默认插槽和footer插槽暴漏closeopen方法x-basedefineProps();constemit
潇、然·2024-01-19 15:24

Vue3笔记

文章目录1、Vue3.0环境集成1.使用vue-cli创建2.使用vite创建2、常用的CompositionAPI（组合API）1、setup函数2、ref函数3、reactive函数4、Vue3.0
小狐狸ya·2024-01-19 15:52

vue相关的面试题应该怎么答

作为扩展，还可以说说vue3中新引入的compositionapi带来的变化回答范例：常见的组件扩展方法
bb_xiaxia1998·2024-01-19 15:47

什么是Pinia，它是如何工作的

什么是PiniaPinia是Vue3的状态管理库，它提供了一种简单、可靠和可扩展的方法来管理应用程序状态。它的目标是提供一个清晰的API，易于使用，并避免不必要的性能开销。
黑狼传说·2024-01-19 15:46

vuｅ３路由的ｐｒｏｐｓ配置

路由写一下代码，代码重点再家一个ｐｒｏｐｒｓ，而且不要忘了再ｐａｔｈ后面写需要传的参数{path:"/my:kobe/:num/:age",name:"my",component:()=>import("../views/my.vue"),props:true}然后我们再获取参数的页面用ｄｅｆｉｎｅＰｒｏｐｓ获取就行了import{ref,onMounted,toRefs}from"vue";de
paul jeorgh·2024-01-19 15:57
上一页 33 34 35 36 37 38 39 40 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他