vue3随手记

聊聊vue3中的custom renderer特性（转载）

本篇文章带大家一起来了解一下vue3的新特性customrenderer。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
浅浅而谈·2023-12-21 14:55

VUE3 之 生命周期函数

目录1.概述2.VUE3生命周期函数介绍3.代码例子4.综述5.个人公众号1.概述老话说的好：天生我材必有用，千金散尽还复来。言归正传，今天我们来聊一下VUE的生命周期函数。
追风人聊Java·2023-12-21 13:20

36 在Vue3中如何通过axios请求后端数据

概述在Vue3中通过axios请求后端数据是非常常用的方法，这节课我们来简单学习下。
Python私教·2023-12-21 13:18

07 Vue3中的三元表达式

概述三元表达式时JavaScript中比较常用的一种原生语法，能够在一行代码中实现if-else的分支逻辑。在Vue的双大括号中，我们也可以使用三元表达式去实现一些简单的条件渲染。基本用法我们创建src/components/Demo07.vue，先尝试一下三元表达式基本的用法：{{3>2?"3大于2":"3不大于2"}}接着，我们修改src/App.vue，引入Demo07.vue并进行渲染：i
Python私教·2023-12-21 13:18

35 在Vue3中如何通过SCSS编写样式

概述在Vue3中通过SCSS编写样式并不难，这节课我们来简单的学习一下。
Python私教·2023-12-21 13:48

25 在Vue3中使用生命周期函数

概述Vue组件生命周期事件发生在组件从创建到删除的生命周期中。必要时，我们可以在组件生命周期的每个阶段添加回调和副作用。组件事件触发顺序setup该事件在所有其他钩子（包括beforeCreate）之前运行。它无法访问此实例，因为此时实例尚未创建。它主要用于使用CompositionAPI，处理方式与Vue处理脚本设置的方式相同。beforeCreate该功能在组件初始化时运行，此时数据尚未被反应
Python私教·2023-12-21 12:14

Vue3 的效率提升主要表现在哪些方面？

Vue3带来了许多性能优化和效率提升的特性。本文将重点讨论Vue3在静态提升、预字符串化、缓存事件处理函数、BlockTree和PatchFlag方面的改进。
俊刚、·2023-12-21 12:34

路由传参params，vue3的vue-router已经把params传参给废弃了，你只能用params做动态的传参就是some:id,但是不能直接用params。

路由传参params，vue3的vue-router已经把params传参给废弃了，你只能用params做动态的传参就是some:id,但是不能直接用params。
深一海·2023-12-21 11:30

vue-quill-editor富文本插件，在输入文字后，点击加粗图标，发现没有生效，但用工具查看确实是给文字加上了＜strong＞标签。后来发现是reset.css的问题，主应用的reset.css

vue-quill-editor富文本插件vue3项目，在输入文字后，点击加粗图标，发现没有生效，但用工具查看确实是给文字加上了标签。
深一海·2023-12-21 11:59

路由跳转传递参数注意事项，查询字符串传参，params传参需要注意的地方，菜单内容的二级内容 vue3

路由跳转和传参(vue3)_vue3路由传参-CSDN博客注意：import{useRouter}from"vue-router"constrouter=useRouter()1.查询字符串传参，传一个对象
深一海·2023-12-21 11:27

element-plus el-input 修改边框 border

前提：Vue3+element-plus;1、去除el-input的边框：.inputDeep{:deep(.el-input__wrapper){box-shadow:0000pxvar(--el-input-border-color
龙丨行·2023-12-21 11:20

vue3+js+elementPlus使用富文本编辑器@vueup/vue-quill

目录前言源码Editor/index.vueEditor/quill.js整体思路待解决前言本篇文章是基于vue3、js、elementPlus框架进行的，主要是核心涉及的包是以下三个"vue":"^3.2.47
FixUpSth·2023-12-21 11:45

Vue2+Vue3组件间通信方式汇总（1）------props

目录一、props(父传子，子传父)------Vue2------Vue3从Vue2(组合式API)和Vue3（选择式API）两个版本对每个组件间通信方式进行讲解：一、props(父传子，子传父)--
三水木雨·2023-12-21 11:39

vue3容器内部通过id定位锚点

自己记录，方便后面使用。在此之前尝试了scrollIntoView，直接获取了需要定位的点之后应用了此方法，会造成整个文本都会晃动。因此最终还是采用了修改父元素的scrollTop一定距离的方法。我的父元素的的父元素的position是relative，应该这点影响不大。constlocation=(point:string)=>{constpointEl=(richtextRef.valueas
FixUpSth·2023-12-21 11:39

antd4+ts+vue3乾坤子应用引入

antd4+ts+vue3乾坤子应用安装vite-plugin-qiankunnpminstall--savevite-plugin-qiankunimport{createPinia}from'pinia
Shero.李建业·2023-12-21 11:06

随手记

总归能喘口气歇会了。昨晚四点睡觉，早上十点半醒来时还有点不甘心，玩了会手机，然后不紧不慢的起了床。倒不是手机有多好玩，只是有种不看手机就浑身不舒服的感觉，使得我不能不看。熬夜似乎成为了一种习惯，身边人不止一次跟我讲过熬夜的危害，都被我当成耳边风，吹过就算了；然后某一天突然的发现镜子里的自己憔悴不堪，眼圈黑的简直可以媲美浓重的烟熏妆。于是，咬牙切齿的下定决定要戒掉熬夜的习惯；然后一到晚上就开始心痒难
苏莫i·2023-12-21 11:43

Vue3组件插槽

Vue3和Vue2插槽几乎没有区别所谓插槽，在我理解就是在子组件里挖个坑，把父组件内容填入坑里。
今天不加班啦·2023-12-21 10:32

Vue3 组件和插槽

文章目录Vue3组件和插槽组件基础根组件简单使用定义组件使用组件父子访问父组件访问子组件子组件访问父组件访问根组件插槽使用插槽具名插槽默认值插槽作用域插槽Vue3组件和插槽组件基础组件允许我们将UI划分为独立的
xiangxiongfly915·2023-12-21 10:01

第32节: Vue3 方法处理程序

在UniApp中使用Vue3框架时，你可以使用方法处理程序来定义在模板中调用的自定义函数。
特创数字科技·2023-12-21 10:44

2022-07-07 和王老师沟通复盘

1、我的现状：我平时有用随手记记录支出的习惯，基本是95%的支出都会记录，年初做过全年分月财务预算，但是每月没有做过复盘。
明月2022·2023-12-21 10:41

wangEditor5+vue3+ts

import{ElMessage}from'element-plus';import{uploadImageasuploadFileAndImage}from'@/api/tool';import{debounce}from'@/utils/common';import'@wangeditor/editor/dist/css/style.css';//引入cssimport{Editor,Tool
修复bug·2023-12-21 09:02

rouyi-vue-pro+vue3+vite4+Element Plus项目中使用生成Vue2+Element UI标准模板

运行一个pro-vue3的前端项目，以及后端服务在基础设施-代码生成模块中选择某张数据库表导入，并编辑生成信息，前端类型：Vue2+ElementUI标准模板在vue3项目中创建一个vue文件//import
李同学va·2023-12-21 08:53

Vue3之响应式基础

ref：Ref可以持有任何类型的值，包括深层嵌套的对象、数组或者JavaScript内置的数据结构import{ref}from'vue'constcount=ref(0)functionincrement(){count.value++}{{count}}reactive：另一种响应式状态，它有一定的局限性，后面会列举import{reactive}from'vue'conststate=rea
前端入门到入坑·2023-12-21 07:57

项目从vue2 升级vue3，项目大迁移 ，UI组件库更换

划分功能迁移顺序第三步：详细了解需要迁移的业务页面第四步：项目的一些配置的准备详细开发流程总结/分析：背景描述之前的版本：vue2.6.8+iview3.3+element-ui2.6.1+echarts4.2升级后：vue3
鹤渺·2023-12-21 07:03

vue3语法

文章目录一、Vue3里script的三种写法1、最基本的vue2写法2、setup()属性3、scriptsetup二、如何使用scriptsetup编写组件1、data——唯一需要注意的地方2、methods3
demo11111111·2023-12-21 07:13

vue3+vite静态页面部署到gitee pages

vue3+vite静态页面部署到giteepagesgitee创建开源仓库修改项目部署到gitee中随着vue3的成熟，vue2将在2023.12.31停止维护，所以有必要搞一下vue3项目静态页面怎么部署到
demo11111111·2023-12-21 07:04

28 在Vue3中监听对象属性

这节课我们来使用这个案例学习一下在Vue3中监听对象属性的基本用法。基本用法我们创建src/c
Python私教·2023-12-21 05:44

26 在Vue3中使用计算属性

概述计算属性在真实的开发中也经常被用到。比如在我最近在研发的一个学生管理系统中，学生有“所属省份”和“所属城市”两个独立属性，比如所属省份是四川，所属城市是成都，但是我们显示的时候要显示为“四川/成都”，这个时候用计算属性就非常合适。这节课我们使用计算属性演示一下这个案例。基本用法我们创建src/components/Demo26.vue，代码如下：import{computed}from"vue
Python私教·2023-12-21 05:14

27 在Vue3中使用监听器

概述监听器是Vue3中非常好用的一个特性，用于监听某个响应式变量的变化。监听器支持在被监听的响应式变量发生改变的时候，获取修改之前的值和修改之后的值，并触发一个回调函数。
Python私教·2023-12-21 05:14

14 Vue3中组件的props属性

概述Let’slookatasimpleHelloWorldsingle-filecomponent.Youcanfindthisat./src/components/HelloWorld.vue,generatedautomaticallywhenyoucreateaVueprojectwithVite.让我们来看一个简单的HelloWorld单文件组件。您可以在./src/components
Python私教·2023-12-21 05:43

vue2升级vue3：composition api中监听路由参数改变

vue2的watch回顾我们先回顾一下vue2中watch《watch性能优化：vuewatch对象键值说明-immediate属性详解》《vue中methods/watch/computed对比分析，watch及computed原理挖掘》watch和computed很相似，watch用于观察和监听页面上的vue实例，当然在大部分情况下我们都会使用computed，但如果要在数据变化的同时进行异步
周陆军的个人博客·2023-12-21 04:40

vue中的watch监听属性，使用详细（vue2和vue3监听属性watch的使用）

简述：vue中的watch属性大家都比熟悉，是vue的监听属性，监听数据的变化触发执行函数，可以监听数据和路由，这里给大家总结了一下watch在vue2和vue3中的使用详细，顺便做个笔录；watch的相关属性
北城笑笑·2023-12-21 04:10

vue3中监听的使用说明

目录1.说明2.示例3.总结1.说明watch：侦听一个或者多个数据的变化，数据变化时执行后回调函数。有两个额外的参数：1.immediate（画面加载后立即执行），2.deep（深度侦听）2.示例①侦听单个数据导入watch函数，然后执行watch函数，传入要侦听的响应式数据（ref对象）和回调函数。回调中可以拿到新值和旧值。②侦听多个数据的变化以数组的方式传入多个ref对象，只要其中一个变化了
linab112·2023-12-21 04:09

vue3Watch监听RefImpl对象的说明

vue3Watch监听RefImpl对象的说明watch监听RefImpl对象watch监听RefImpl对象import{ref,reactive,watch}from"vue";exportdefault
莫循瑾木·2023-12-21 04:09

Uniapp + Vue3 + Pinia + Vant3 框架搭建

现在越来越多项目都偏向于Vue3开发，想着uniapp搭配Vue3试试效果怎么样，接下来就是详细操作步骤。
yueF_L·2023-12-21 03:28

Uniapp + Vue3 封装请求工具挂载全局

新建request.js工具类consthttp={//baseUrl地址baseUrl:'http://localhost:8080',//请求方法request(config){//config：请求配置对象，具体参照uniapp文档config=beforeRequest(config)//请求地址拼接config.url=this.baseUrl+config.url//异步请求retur
yueF_L·2023-12-21 03:28

探索 Vue3 (二) 插槽slot

插槽就是子组件中的提供给父组件使用的一个占位符，用表示，父组件可以在这个占位符中填充任何模板代码，如HTML、组件等，填充的内容会替换子组件的标签。匿名插槽在子组件放置一个插槽父组件中使用：哈哈哈哈哈哈具名插槽具名插槽其实就是给插槽取个名字。一个子组件可以放多个插槽，而且可以放在不同的地方，而父组件填充内容时，可以根据这个名字把内容填充到对应插槽中子组件代码：父组件中使用：我是头部哈哈哈哈哈哈我是
yueF_L·2023-12-21 03:57

探索 Vue3 (一) 父子组件传参

父组件通过v-bind绑定一个数据，然后子组件通过defineProps接受传过来的值，如以下代码子组件代码：菜单区域{{title}}{{data}}//js写法defineProps({title:{default:"哈哈",type:String},data:{type:Array,default:[1.2,3]}})//ts写法//defineProps()//ts带默认值写法//type
yueF_L·2023-12-21 03:27

Vue2+Vue3

什么是VueVue是一个用于构建用户界面的渐进式框架创建Vue实例核心步骤（4步）：准备容器引包（官网）—开发版本/生产版本创建Vue实例newVue()指定配置项，渲染数据el:指定挂载点data提供数据Document完成渲染-->box2--{{count}}box--{{msg}}{{msg}}{{count}}newVue({el:'#app',//通过el配置选择器，指定Vue管理的是
渔阳节度使·2023-12-21 03:23

css3——background-size 属性、vue3——中less、sass最新的深度选择器 deep()

background-size:background-size属性指定背景图片大小。默认值:auto继承:nobackground-size:length|percentage|cover|contain;length：设置背景图片高度和宽度。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为auto(自动)percentage：将计算相对于背景定位区域的百分比。第一个值设置宽
还需studystudy·2023-12-21 01:26

VUE3 之 键盘事件

言归正传，今天我们来聊聊VUE3的键盘事件。
追风人聊Java·2023-12-21 00:48

vue3语法(js)

vue3教程ts语法vue3//ps这里是基本写法一般项目不需要ref因为需要一直return这里是根据在不使用ts后缀来在.vue里面写setup如下图所示:setupsetup是启动页面会自动执行的一个函数项目里定义的所有变量
小阳生煎·2023-12-21 00:48

vue3封装请求功能

1一般3开发后缀为ts的是在安装脚手架选择了ts语法开发2一般3开发后缀还为js的是没有选择ts当然也支持后缀vue文件使用setupjs后缀的支持2的封装如下链接:vue2封装请求如下所示为ts后缀的说明:request.js这个文件是封装请求axios据index.js这个文件是封装单独独立的接口数request.jsimportaxiosfrom'axios';//创建axios,赋给变量s
小阳生煎·2023-12-21 00:17

vue3一键回到顶部方法

引入组件文件写一个文件放在components里面在需要时进行调用它但是呢vue3当中怎么拿到呢请往下看==============content这个文件是放在component的文件!
小阳生煎·2023-12-21 00:17

Vscode中快速生成Vue3模版

步骤：设置=>用户代码片段=>新建vue3文件夹的代码片段{"Printtoconsole":{"prefix":"vue3","body":["","","","","","import{reactive
小阳生煎·2023-12-21 00:47

vue3中的组件间通信

与vue2的方法一样1父给子传值props我们通过在父组件引用子组件的时候，可以通过自定义属性进行值的传递，在子组件通过props进行接收。父传值给的是值父importrcodefrom"../component/list.vue";//这是子的文件import{ref,watch,reactive,toRefs}from"vue";exportdefault{components:{rcode}
小阳生煎·2023-12-21 00:47

Vue3的路由跳转传参接参

路由跳转vue2路由跳转点击这里分为2种方法query========通过router.push{path:'跳转路径',query{传入参数}}然后通过route.query来进行接收a页面登录import{reactive,toRefs,onMounted,}from"vue";import{useRouter,useRoute}from'vue-router';//要引入路由exportde
小阳生煎·2023-12-21 00:47

vue3脚手架安装配置与使用

安装脚手架vue2安装讲解以安装VUE3为案例1安装配置前准备的工作0在搭建vue的开发环境之前首先要安装node.js(详情参考菜鸟教程的node安装)1.1安装完成node后打开docs管理工具看是否安装成功输入
小阳生煎·2023-12-21 00:46

vue3 使用＜script lang=“ts“ setup＞加上lang=“ts“后编译错误

报错信息报错原因加上了lang=ts解决下载typescript和loadernpminstalltypescriptts-loader--save-dev配置vue.config.js添加下面的代码configureWebpack:{resolve:{extensions:[".ts",".tsx",".js",".json"]},module:{rules:[{test:/\.tsx?$/,l
小阳生煎·2023-12-21 00:45

7个 Vue3 中的组件通信方式

原文链接:7个Vue3中的组件通信方式01.png前言本文采用的编写方式，比optionsAPI更自由。
子瞻是也·2023-12-20 22:38
上一页 67 68 69 70 71 72 73 74 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他