vue3简单使用

Vue3组件通信 详解(上)

Vue3组件通信和Vue2的区别移出事件总线，使用mitt代替。vuex换成了pinia。把.sync优化到了v-model里面了。把$listeners所有的东西，合并到$attrs中了。
还能救一下嘻嘻·2024-01-31 11:17

Vue3之vue-router、pinia

1.路由基础路由的基本使用编程式导航命名视图2.路由传参方式一：就硬写方式二：通过query和params带参数的动态路由3.路由守卫全局前置守卫路由独享守卫组件内的守卫如何在组件外面使用vue-router和pinia1.路由基础路由的基本使用安装：npmivue-router路由的基本使用比较简单，举个样例即可明白样例的文件结构：└──src├──components│├──Home.vue│
开longlong了吗？·2024-01-31 11:12

Vue3组件通信 详解(下)

Vue3组件通信详解(上)-CSDN博客v-model通讯概述：实现父↔子之间相互通信。
还能救一下嘻嘻·2024-01-31 11:40

docker-compose命令简单使用

首先需要在Ubuntu中安装vmtool工具，按照说明进行解压安装即可1、将yaml文件拷贝到Ubuntu系统中2、进入到文件目录，直接执行docker-composeup-d命令相当于根据yaml文件中的服务进行下载并后台开启容器，耐心等待资源下载完成3、下载完成之后，使用docker-composeps命令查看启动的容器可以看到启动了两个，一个是6123端口，一个是8081端口4、打开浏览器输
Smileassissan·2024-01-31 10:17

vue3-深入组件-透传属性

透传属性（透传attribute）什么是透传属性（透传attribute）?传递给一个组件，却没有被该组件声明为props或emits的attribute或者是事件监听器，例如classstyleid等。属性继承当一个组件以单个元素作渲染时，透传的属性会自动被添加到根元素上。// 组件import { ref } from 'vue'      这是深入组件-属性透传  .container {}
王大可996·2024-01-31 10:34

安装 vant-ui 实现底部导航栏 Tabbar

本例子使用vue3介绍vant-ui地址：介绍-Vant4(vant-ui.github.io)Vant是一个轻量、可定制的移动端组件库安装通过npm安装：#Vue3项目，安装最新版Vantnpmivant
_沐晨·2024-01-31 09:25

Hutool导入导出用法

整理了下Hutool导入导出的简单使用。
谦风（主Java）（接口开发）·2024-01-31 09:34

Vue3前端框架：动态组件详解

当谈到现代前端开发框架时，Vue.js通常是一个备受推崇的选择。在Vue.js3中，动态组件是一个强大而灵活的功能，为开发人员提供了更多的控制权和创造性。本文将深入探讨Vue.js3中动态组件的详细内容，探讨其用法、优势以及如何在项目中充分利用这一功能。1.什么是动态组件？在Vue.js中，动态组件是指在运行时根据一定的条件或用户输入来切换组件的能力。这意味着你可以在同一个位置渲染不同的组件，而无
前端程序猿i·2024-01-31 08:29

VUE3子表格嵌套分页查询互相干扰的问题解决

VUE3在表格中嵌套子表格子表格的分页查询互相干扰的问题解决简单嵌套如果不需要做子表格的分页查询，那么可以直接在主表格中嵌套子表格，有两种方式；一种是主表格加载的同时加载子表格数据，另一种是点击展开时加载子表格数据
液态不合群·2024-01-31 07:16

在pycharm中如何使用pyinstaller

目录一.简单使用二：如何打包工程中的使用到的其他文件(如，excel，cfg等)三.通过pyinstaller打包后的resources，如何找到呢一.简单使用1.在虚拟环境中，添加pyinstallerlib2
Aiden_SHU·2024-01-31 07:35

vue3源码（三）computed

1.功能接受一个getter函数，并根据getter的返回值返回一个不可变的响应式ref对象。默认不执行，在取值时执行，具有缓存功能，数据不变多次取值只触发一次取值计算。import{reactive,effect,computed,}from"/node_modules/@vue/reactivity/dist/reactivity.esm-browser.js";conststate=reac
橙蚊镜0819·2024-01-31 07:58

ElementUI安装与使用指南

Element官网-安装指南提醒一下：下面实例讲解是在Mac系统演示的；一、开发环境配置电脑需要先安装好node.js和vue2或者vue3安装Node.jsNode.js中文网安装node.js命令：
ChinaDragonDreamer·2024-01-31 07:27

低代码核心思想：插件化开发（vue3实现）

我们在开发一些组件插件的时候，需要动态的从外部去注入第三方插件1.如何做一个插件化的项目，模拟代码如下//插件设计内容//1.插件底座//2.插件注册方式//3.调用插件classCalculator{//插件底座plugins=[]constructor(){}//注册use(plugin){this.plugins.push(plugin)this[plugin.name]=plugin.fn
小江的博客·2024-01-31 04:57

vue3的父传子与子传父

父传子：父亲-在子组件标签上通过自定义属性传递数据儿子-通过constprops=defineProps({...})接受子传父：父亲：在子组件标签上绑定自定义事件儿子：通过constemit=defineEmits(['自定义事件名称'])emit('自定义事件名称',参数)
香香爱编程·2024-01-31 02:44

vue2与vue3部分面试题

watch与watchEffect相同点都可以对数据进行侦听不同点watchEffect回调函数立即调用、对回调函数依赖的数据隐式监控、默认深度监控reactive与ref都是用来生成响应式数据不同点reactive不能处理简单类型的数据，只支持引用数据类型,ref支持基本和引用数据类型ref通过.value获取数据，reactive不需要.valueref创建响应式引用数据类型低层依赖react
香香爱编程·2024-01-31 02:43

geopy简单使用

文章目录安装geopy和geopandas根据城市名或者经纬度相互转换测试两坐标之间的距离安装geopy和geopandas 安装geopy和geopandaspipinstallgeopy#安装geopandas不能使用pip，会报错，在Anaconda下使用下condacondainstall-cconda-forgegeopandas根据城市名或者经纬度相互转换importgeopyfrom
zhaohui24·2024-01-31 01:28

rollup打包报错

文件中没有定义type类型报错.jpg解决：定义"type":"module"问题2：在ES模块作用域中未定义__dirname再次报错.png此文件被视为ES模块，因为它具有“.js”文件扩展名，并且“E:\vue3
脱贫不脱发·2024-01-31 00:20

vue3获取子组件ref结果undefined，父组件调用子组件的方法

需求是在切换货号的时候，清空上传过的图片，upload是子组件，在父组件的事件中调用子组件的方法用了letuploadRef=ref(null);获取不到，用proxy.$refs['uploadRef']才能获取到实例import{getCurrentInstance}from"vue"const{proxy}=getCurrentInstance();constgetNewData=()=>{
空我我·2024-01-31 00:59

vue3 + antd 封装动态表单组件（三）

传送带：vue3+antd封装动态表单组件（一）vue3+antd封装动态表单组件（二）前置条件：vue版本v3.3.11ant-design-vue版本v4.1.1我们发现ant-design-vueInput
guizi0809·2024-01-31 00:55

Vue学习笔记13-- Vue3之计算属性与监视

7、计算属性与监视1.computed函数与Vue2.x中computed配置功能一致写法import{computed}from'vue'setup(){...//计算属性——简写letfullName=computed(()=>{returnperson.firstName+'-'+person.lastName})//计算属性——完整letfullName=computed({get(){r
jxncxgx·2024-01-31 00:24

restful基础与简单使用

总述REST是所有Web应用都应该遵守的架构设计指导原则。RepresentationalStateTransfer，翻译是”表现层状态转化”。REST核心:资源，状态转移，统一接口资源:是REST最明显的特征,是指对某类信息实体的抽象，资源是服务器上一个可命名的抽象概念，资源是以名词为核心来组织的，首先关注的是名词。状态转移:是指客户端痛服务端进行交互的过程中，客户端能够通过对资源的表述，实现操
GHope·2024-01-30 23:30

【Linux】vim的简单使用

我们知道在Windows下的VS2019是一个集成开发环境，也就是说，集编辑，编译，调试等功能都放在了一起；但是在Linux下，这些步骤都是分开的，我们这篇博客就来说一说vim这个编辑器，它只有编辑功能我们先来简单的在vim上写一段C语言代码我们先touch一个.c文件，vim+文件名打开，我们发现按一些按键不能在里面写入内容，这是因为刚进入时是命令模式，我们需要按i键进入插入模式，这样就可以写代
嘛弄·2024-01-30 23:40

RabbitMQ - 安装和使用

RabbitMQ-安装和使用一.安装二.RabbitMQ的简单使用2.1创建交换机2.1.1交换机类型2.1.2持久化方式2.2创建队列2.3绑定交换机和队列2.4SpringBoot整合2.5另外一种监听写法一
Zong_0915·2024-01-30 22:21

vue3+threejs+koa可视化项目——实现登录注册（第三步）

文章目录⭐前言往期node系列文章threejs系列相关文章vue3+threejs系列⭐koa后端登录注册逻辑（jwt）koa登录注册⭐vue3前端登录注册权限控制登录页面注册页面⭐总结⭐结束⭐前言大家好
yma16·2024-01-30 22:17

springboot3+vue3支付宝在线支付案例-渲染产品列表页面

springboot3+vue3支付宝在线支付案例-渲染产品列表页面！今天折腾了半天，完成了vue3前端项目的产品列表选染。我们使用到了技术有axios（发送跨域的请求获取产品）。
yrldjsbk·2024-01-30 22:13

vue3项目+TypeScript前端项目—— vue3搭建项目+eslint+husky

今天来带大家从0开始搭建一个vue3版本的后台管理系统。
口袋の的天空·2024-01-30 20:55

switch-case的简单使用

文章目录前言一、switch二、case三、break四、default总结前言记录一下switch-case的简单使用。一、switchswitch中的表达式只能是特定的数据类型。
杨存乐·2024-01-30 19:25

设计模式——工厂模式

简单工厂模式是工厂模式家族中最简单使用的模式。简单工厂模式定义了一个创
程序猿进阶·2024-01-30 19:03

vue3 + ts vue_3.4 setup单文件组件中的属性

props各种类型import{ref,PropType}from'vue';interfacelistType{addres:string;code:number;}interfaceftObj{obj1:string[];obj2:{[key:string]:any;};}constprops=defineProps({name:{type:StringasPropType,default:'
汝&戏·2024-01-30 19:02

【Vue】手把手带你深入了解Vue3.0的渲染器

前置概念vdom：多个虚拟元素节点组合成的树状结构vnode：某一个虚拟元素节点挂载：将虚拟DOM节点渲染成真实DOM节点的过程一、渲染器的设计首先我们要区分vue当中两个概念，一个是渲染器（renderer），一个是渲染（render）。前者renderer，渲染器的作用是将我们的vdom转化成真实的DOM元素来呈现。后者render，渲染函数的作用是将我们的vnode添加并且挂载到真实DOM容
Triumph-light·2024-01-30 18:14

【Vue】Vue3.0样式隔离

在这里记录一下Vue3.0里面的样式隔离特性，在项目开发过程当中，有时候将样式单独提到了一个文件当中再引入到单组件文件当中，会导致没有样式隔离。这里阅读Vue官方文档找到了解决办法。
Triumph-light·2024-01-30 18:12

【vue】defineModel在vue3.4中的最新用法和详解

在2023年12月28日，尤大发布了vue3.4版本，这个版本主要对一些实验性特性的改进（比如defineModel），大量重写了模板编译器并重构了响应式系统，可以说是大大提升了运行速度和效率。
白桃与猫·2024-01-30 18:31

vue3中祖孙组件之间的通信provide和inject

一、在vue3中新增的祖孙之间通信的方式provide和inject是Vue中的两个相关功能，它们一起提供了一种祖孙组件之间共享数据的方式。
余生tt·2024-01-30 18:07

各种中文分词工具的使用方法

诸神缄默不语-个人CSDN博文目录本文将介绍jieba、HanLP、LAC、THULAC、NLPIR、spacy、stanfordcorenlp、pkuseg等多种中文分词工具的简单使用方法。
诸神缄默不语·2024-01-30 17:30

c++中超级好用的json库--json for morden c++

文章目录json简介在线解析json的工具jsonformordenc++简介简单使用json简介json是一种轻量简单的数据结构，常用于网络数据传输，相较于xml他更加简介轻量，相较于protobuf
pp不会算法^v^·2024-01-30 17:28

初识Vue 3.0 —— v-html: 插入html

data(){return{rhtml:"我的红色的"}}}Vue.createApp(htmls).mount(".htmlbox");交互效果见：https://course.51qux.com/vue3
兔子敲代码·2024-01-30 17:52

Webpack5中使用file-loader和url-loader打包图片

最近在看coderwhy老师的Vue3视频，进度：Webpack打包图片资源。
彭宏豪·2024-01-30 17:29

一、创建Vue3项目

1.下载node.js下载地址：https://nodejs.org/zh-cn优先选择16版本;node-v||node-version可以检查本地node.js版本2.设置淘宝镜像源npmconfigsetregistryhttps://registry.npmmirror.com/设置淘宝镜像源npmconfiggetregistry查看当前镜像源3.创建项目快速上手|Vue.jsnpmcr
王布尔·2024-01-30 16:48

二、Vue3文件目录介绍

node_modules:项目的依赖库；src：我们主要操作的地方，组件的增加、修改等都在这个文件夹里操作；assets:放置静态资源，包括公共的css文件、js文件、iconfont字体文件、img图片文件以及其他资源类文件。之所以强调是公共的css文件，是因为要在组件的css标签里加入‘scoped‘标记，将其作用范围限制在此组件以及调用它的父级组件中，避免污染全局样式；components:
王布尔·2024-01-30 16:48

再学vue3的优势

vue3对vue2有什么优势性能更好（编译优化、使用proxy等）体积更小更好的TS支持更好的代码组织更好的逻辑抽离更多新功能vue3和vue2的生命周期有什么区别OptionsAPI生命周期beforeDestroy
亮学长·2024-01-30 15:57

AIGC大模型工程师和产品专家深度训练营：第六期招募中，快来开创您的AI未来！

别人教您简单使用AIGC产品，例如ChatGPT和MJ，我们教您增量预训练、精调大模型、创造您的AI产品！无论您目前的技术水平如何，我们的课程都有助于您的技能提升。
OJAC近屿智能·2024-01-30 15:24

利用qrcode.vue库生成二维码

利用qrcode.vue库生成二维码安装在vue2中npminstall--saveqrcode.vue@1#yarnaddqrcode.vue在vue3中npminstall--saveqrcode.vue
时雨.`·2024-01-30 14:03

Vue3 通过ref获取DOM节点

官方定义：ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用，引用指向的就是DOM元素；如果用在子组件上，引用就指向组件实例。hellochild=el">当v-for用于元素或组件的时候，引用信息将是包含DOM节点或组件实例的数组。一；获取单个绑定了ref属性的标签结点1.给想要获取DOM元素的标签加上ref属性，并自定义一个名称2.
IT小白3·2024-01-30 14:31

【学习笔记】Vue3源码解析：第一部分-实现vue3环境搭建

课程地址：【已完结】全网最详细Vue3源码解析！
youyoufenglai·2024-01-30 14:53

【vue3学习笔记】（P153节 - P155节）watch时value的问题；watchEffect函数；vue3生命周期

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通课程P153节-P155节笔记：P153watch时value的问题watch一个ref定义的基本类型响应式数据时，是不需要.value的
youyoufenglai·2024-01-30 14:22

[Vue3学习笔记]Vue3生命周期和自定义hook函数

Vue3学习笔记Vue2和Vue3生命周期的区别自定义hook函数获取鼠标位置封装axios的hook如果我们要加一个监听呢？
钧桐·2024-01-30 14:22

vuex &store,mutations,getters,actions

文章目录1.vuex概述2.构建vuex【多组件数据共享】环境Son1.vueSon2.vueApp.vue3.创建一个空仓库4.如何提供&访问vuex的数据①核心概念-state状态1.通过store
W`hite·2024-01-30 14:57

Vue3的v-model

目录基本用法底层机制v-model的参数多个v-model绑定处理v-model修饰符带参数的v-model修饰符例子总结：Vue3中的v-model指令与Vue2中的v-model相比有一些变化和改进
跟Bug双向奔赴·2024-01-30 13:59

Glide完全解读

二，简单使用如上，笔者不赘述。
风起云涌~·2024-01-30 12:20

【Vue】2-5、Vue 过滤器

【Vue2可用，Vue3已经弃用】过滤器可以用在两个地方：插值表达式v-bind属性绑定过滤器应该被添加在JavaScript表达式的尾部，由“管道符|”进行调用message:{{message|capi
QX_Java_Learner·2024-01-30 12:46
上一页 69 70 71 72 73 74 75 76 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他