Vue3学习之路

Vue3入门到实战笔记04--生命周期和自定义hook

Vue3的生命周期创建阶段：setup挂载阶段：onBeforeMount、onMounted更新阶段：onB
jxncxgx·2024-02-05 23:22

re:从0开始的HTML学习之路 12. 表格

1.表格以格式化形式展示数据的一种手段，由行和列组成。使用table标签创建表格tr用于创建表格的行td用于创建表格的列th用于创建表头列，默认加粗且居中2.表格的属性border：设置表格的边框align：设置表格相对于周围元素的对齐方式width、height：设置表格的宽度和高度cellpadding：设置表格边缘与内容之间的空白，默认1pxcellspacing：设置单元格之间的空白，默认
扶摇|·2024-02-05 23:54

re:从0开始的HTML学习之路 13. 表单（完结撒花）

1.表单现实生活中的表单：学员->学员信息表->学校存款人->存款单->银行表单：在网页中，用于搜集用户信息，将用户信息提交给后台服务器。一个表单由三个部分组成：表单域、表单控件、提示信息2.表单域包含所有要提交表单控件的区域，将该区域的信息提交给后台服务器。使用form标签创建表单域action：用于指定提交到后台服务器的地址method：用于选择请求方式（在此了解即可，深入了解需要学习Java
扶摇|·2024-02-05 23:54

re:从0开始的CSS学习之路 1. CSS语法规则

0.写在前面现在大模型卷的飞起，感觉做页面的活可能以后就不需要人来做了，不知道现在还有没有学前端的必要。。。1.HTML和CSS结合的三种方式在HTML中，我们强调HTML并不关心显示样式，样式是CSS的工作，现在就轮到CSS的学习了。1.行内样式表将样式直接写到HTML标签的style属性中缺点：不易于维护、不可复用，可移植性极差今天天气不错挺风和日丽的可以发现如果想对每个标签都添加相同的样式，
扶摇|·2024-02-05 23:54

re:从0开始的CSS学习之路 2. 选择器超长大合集

0.写在前面虽然现在还是不到25的青年人，有时仍会感到恐慌，害怕不定的未来，后悔失去的时间，但细细想来，只有自己才知道，再来一次也不会有太多的改变。CSS的选择器五花八门，而且以后在JavaScript中也会用到，所以就把所有的选择器写到一篇文章里好了。注意：同时为了方便展示，全部使用内部样式表的形式，实际的应用中还是推荐使用外部样式表！！导航0.写在前面1.标签选择器（tagselector）2
扶摇|·2024-02-05 23:53

学习之路

前几天由老师带领我们班参观了我们学校的校企合作的公司昌禾装饰，我感到非常的荣幸。此次参观对我可以说是不虚此行。我了解了许多以前不曾了解的东西。洁净的环境，精细化的管理，规范化的工作流程,严谨，细致的工作态度，忙中有序，一丝不苟的工作精神，只为成功想办法，不为失败找借口的工作理念，这就是昌禾装饰留给我深刻的印象。图片发自App图片发自App图片发自App图片发自App图片发自App其次给我印象比较深
牧童_ae3d·2024-02-05 22:28

Vue3 发布正式版（2020.9.19）

[官宣]Vue3.0—OnePiece发布各位先收藏再点赞，本文章绝对值得你的一赞点击至Vue3官网Vue团队于2020年9月18日晚11点半发布了Vue3.0版本，我们连夜对Release进行了翻译。
铁锅炖大鹅(e)·2024-02-05 21:37

Flume 学习之路（一）Flume 概述和基本架构

作者：studytime原文：https://www.studytime.xin/Flume简介Flume是什么？Flume是一个分布式、可靠且高可用的服务，用于有效地收集，聚合和移动大量日志数据。它具有基于流数据的简单灵活架构，良好的可靠性机制、故障转移和恢复机制，具有强大的容错性。它支持在系统中定制各类数据发送方，用于收集数据；同时Flume提供对数据的简单处理，并具有写到各种数据接收方的能力
白白贺·2024-02-05 20:23

vue3.0移动端将px转换为rem

第一种方法：我们可以将写的rem的js直接写在public文件夹下的index.html文件的头部，记得要加移动端头部的meta标签第二种方法：就是将rem的js放在public文件夹下创建一个，在main.js中引入，也可以使用第三种方法：参考链接https://blog.csdn.net/m0_46242315/article/details/104138421?utm_medium=dist
焚心123·2024-02-05 20:42

泡泡清新文艺的微社区系统PHP源码

前端采用Vue3匠心打造，界面清新简约，三栏式布局仿若Twitter，让您一见倾心。
行动之上·2024-02-05 19:49

PHP客服系统-vue客服聊天系统

PHP-Vue客服聊天系统是一款高效、灵活的客户服务解决方案，基于ThinkPHP6、Vue3和Workerman(Gateworker)框架开发，专为单商户场景打造。
行动之上·2024-02-05 19:49

vue3实现命令式弹窗

效果图代码区域首先实现弹窗组件my-modal.vue这里实现一个极简易弹窗作为示例，其他功能和样式可自行补充和优化；{{title}}{{content}}取消确定import{isVNode}from"vue";constprops=defineProps({open:{type:Boolean,default:false,},title:{type:String,default:"弹窗标题"
guizi0809·2024-02-05 19:48

vue3 导入导出json文件

导入json//这是选择本地文件的弹框这里display:none隐藏了，DOM依旧存在获取DOM，触发他的点击事件constrefFile=ref(null);constaddFileHandle=()=>{refFile.value.click();};当选中文件自动触发change事件//选中json文件change事件constfileLoad=()=>{constselectedFile
Time202051·2024-02-05 19:31

vue3 element-plus 中文

https://element-plus.org/zh-CN/guide/i18n.html#configprovider官网国际化import{ElConfigProvider}from'element-plus'components:{//MainElConfigProvider},return{locale:zhCn}
Time202051·2024-02-05 19:01

Vue3实现字符串反转和内容隐藏

经过一周时间的努力，小编今天继续和大家学习Vue3，今天还是以实际例子为主，先让小小白感受一下Vue的魅力，让另外一些小小白体会一下不用脚手架是一种什么体验，当然了，也为了接下来的工作内容准备准备。
飞鹰3995·2024-02-05 18:58

Vue3的双向数据绑定原理是什么

Vue3作为Vue框架的最新版本，带来了许多令人兴奋的新特性和功能。其中，双向数据绑定原理是Vue3中的一个核心特点，本文将深入探讨Vue3的双向数据绑定原理。
JJCTO·2024-02-05 18:10

一起走的学习之路(七十八) - 草稿

需求决定价格似乎这是一个简单得不能再简单的答案，而我却从来没有想过。为什么那么多清华、北大的毕业生，为什么那么多博士生依旧找不到工作，或者说做着似乎不适宜他们的工作，我想，重要的原因就是他们似乎没有真正想过市场的需求是什么。他们只是一味的想着自己要变成什么，自己什么不能做，却未想过自己应该朝着什么方向去改变。商业中，需求的人才是什么？虽然说无奸不商，但在商场上最受欢迎的人往往是那些不会偷奸耍滑的人
小米雨路·2024-02-05 17:35

uniapp vue3怎么调用uni-popup组件的this.$refs.message.open() ?

$refs.message.open()然后调用的时候报错会出现错误vue3的代码consttype=ref('center');constmsgType=ref('success');constmessageText
可口可乐Vip·2024-02-05 16:07

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

文章目录开始之前正文一、OptionsApi二、CompositionApi三、对比逻辑组织OptionsAPICompostionAPI逻辑复用小结开始之前CompositionAPI可以说是Vue3
花言儿·2024-02-05 15:02

uniapp中配置开发环境和生产环境

1.使用HBuilderX创建原生的uniapp程序选择vue32.什么都不改，就可以正常运行了3.增加a.js里面的代码主要就是根据环境进行判断后，返回需要的值constCONF={baseUrl:process.env.NODE_ENV
故里2130·2024-02-05 15:46

前端插件库-VUE3 使用 JSEncrypt 插件

JSEncrypt是一个用于在客户端进行加密的JavaScript库。它基于RSA加密算法，可以用于在浏览器中对数据进行加密和解密操作。以下是使用JSEncrypt进行加密和解密的基本示例：第一步：安装JSEncrypt首先，你需要引入JSEncrypt库。你可以在项目中添加JSEncrypt的脚本文件，或者使用CDN：or(或者)npminstalljsencrypt第二步：枚举公/私钥@src
凉生阿新·2024-02-05 14:31

Vue3全家桶之——Pinia状态管理

Pinia是一个专为Vue3设计的现代化状态管理库，为Vue3开发的，它提供了一种简单、可扩展和类型安全的方式来管理应用程序的状态。
tangerine330·2024-02-05 14:41

vue全家桶之状态管理Pinia

从那时到现在，最初的设计原则依然是相同的，并且目前同时兼容Vue2、Vue3，也并不要求你使用Compos
DustinWangq·2024-02-05 14:40

Vue3 + TS + Vite 项目实战 —— 大屏可视化

前期回顾目录适合谁资料在哪技术栈有哪些效果图例⏰配置缩放【重要】自动轮播地图⌚时间定位、天气地址：数据安全大屏--项目:该系统会从多个数据源（如日志、网络设备、云服务等）中采集、整合、处理数据，并将其转化为易于理解和分析的可视化图表、地图等形式，以帮助用户快速识别、监测和预警潜在的安全风险和威胁。通过数据安全大屏，用户可以深入了解各种系统和网络设备的运行状态、流量情况、攻击来源等信息，及时发现并应
彩色之外·2024-02-05 14:02

VUE3语法--computed计算属性中get和set使用案例

1、功能概述计算属性computed是Vue3中一个响应式的属性，最大的用处是基于多依赖时的监听。也就是属性A的值可以根据其他数据的变化而响应式的变化。
雾林小妖·2024-02-05 13:36

vue3.0+vite实现移动端自适应布局

1安装postcss-pxtoremnpmipostcss-pxtorem-D2新建postcss.config.js配置文件module.exports={plugins:{autoprefixer:{overrideBrowserslist:["Android4.1","iOS7.1","Chrome>31","ff>31","ie>=8","last10versions",//所有主流浏览器
贵贵贵子·2024-02-05 12:47

Vue3 父子组件传值和互调方法

1.父组件代码:constchildComp=ref(null);     //传给子组件的refconstto_child=reactive({        //传给子组件的值，这里是对象，也可以传普通数据类型，数组等   id:"",   name:""})consthandleComp=(param)=>{//传给子组件的方法，让子组件调用 console.log('子组件让我执行，传来参
y523648·2024-02-05 11:49

vue3 父子组件相互传值技巧

第一：父组件importMenufrom'./Menu/index.vue'import{ref,reactive}from'vue'constmenus=ref(null);constlist=reactive([1,2,3]);//flag不定义ts照样正常constgetList=(list:number[],flag)=>{console.log(list,'我是子组件传递过来的',fla
老胡说前端·2024-02-05 11:14

[Vue3]父子组件相互传值数据同步

简介vue3中使用setup语法糖，父子组件之间相互传递数据及数据同步问题文章目录简介父传子props传递值使用v-bind绑定props需要计算toRefcomputedemit传递方法使用v-on绑定子传父
Suppose·2024-02-05 11:42

黑豹程序员-封装组件-Vue3 setup方式子组件传值给父组件

需求封装组件需要使用到Vue3中如何定义父子组件，由子组件给父组件传值核心代码如何使用emits组件点击按钮import{ref,defineEmits}from'vue'constemits=defineEmits
长安紫薯·2024-02-05 11:09

Vue3中ref与reactive的用法详解——ref

而在Vue3的响应式系统中使用了ref和reactive这两个核心概念，它们为开发者提供了处理响应式数据的不同方式。理解它们的特性和区
_Minato_·2024-02-05 11:09

【Vue3】 Vue-Router路由和路由导航守卫

路由前后端分离阶段路由单页面富应用阶段前端路由如何做到URL和内容进行映射?URl的hash（哈希）URl的historyVue-Router基本使用1，安装Vue-Router2，新建页面router文件下的index.js,路由，导入页面，导入路由,创建路由关系3，main.js3，app.vue里面router-link属性路由懒加载分包处理路由routes的其他属性动态路由和路由嵌套1，动
博主花神·2024-02-05 11:23

vue3项目之el-carousel 轮播图的使用

el-carousel轮播图的使用官网：https://element-plus.gitee.io/zh-CN/component/carousel.html在这里定义一个卡片式的轮播图0"class="imgs-wall"height="350px"trigger="click":interval="5000"indicator-position="none"type="card">几个注意的点
cocoonne·2024-02-05 11:41

教程6 Vue3+Element Plus el-carousel制作轮播图（后面有修改样式的方法）

实验轮播图1、引入ElementPlus（1）引入Element开发环境npminstallelement-plus--save（2）自动引入Elementnpminstall-Dunplugin-vue-componentsunplugin-auto-import（3）在配置文件中进行配置，本人使用的是Vit构建工具如果使用Vite作为构建工具，配置文件为vite.config.js，配置方法如
JunLianHuang·2024-02-05 11:08

vue3项目打包移除console.log()打印

一、安装terser（不安装打包会报错，安装过后无需引入直接使用）npminstallterser--save-dev二、在vite.config.ts里面使用build:{minify:"terser",terserOptions:{compress:{drop_console:true,drop_debugger:true,}}}
吃葡萄不吐葡萄皮嘻嘻·2024-02-05 10:14

基于springBoot、vue导出Excel文件

一、运行环境SpringBoot、jdk15（版本不影响）、vue3.0二、使用步骤1.导入依赖在pom.xml中添加poi的依赖：org.apa
ONY_X·2024-02-05 09:37

【前端】尚硅谷Vue2-Vue3全家桶笔记目录贴

【前端目录贴】1.01-尚硅谷Vue_basic012.02-尚硅谷Vue_组件化编程3.03-尚硅谷Vue_使用脚手架
骑鱼过海的猫123·2024-02-05 09:36

04-尚硅谷Vue_Vue中的ajax

文章目录1.解决开发环境Ajax跨域问题【前端】尚硅谷Vue2-Vue3全家桶笔记目录贴1.解决开发环境Ajax跨域问题
骑鱼过海的猫123·2024-02-05 09:04

袁瑞红漯河网络初级六期坚持分享第601天《生活》

就像新婚过后，恢复平淡的生活一样，在学习充电两天后的兴奋，随着上班下班的两点生活渐渐充淡了，但是生活依旧，我的学习之路没有停止一般，开始了我的学习总结之路。
袁瑞红·2024-02-05 09:14

reactive 与 ref 的区别

在Vue.js中，reactive是Vue3引入的一个新的API，用于创建响应式对象。这种方法是CompositionAPI的一部分，它提供了一种更灵活的方式来组织和重用逻辑。
weixin_45782719·2024-02-05 07:12

vue3.x 英文转换从简体中文

对于AntDesignVue4.x版本（适用于Vue3），想要设置中文简体语言环境，确保你已经遵循以下步骤：引入LocaleProvider并设置Locale从AntDesignVue3.x版本开始，它支持使用
weixin_45782719·2024-02-05 07:12

vue3+threejs+koa可视化项目——模型文件上传(第四步)

文章目录⭐前言往期node系列文章threejs系列相关文章vue3+threejs系列⭐koa后端文件上传(koa-body)自动创建目录自定义目录上传apifox自测上传接口⭐vue3前端上传模型文件
yma16·2024-02-05 06:33

vue3.0中从proxy中取值

使用vue3.0时，因为底层是使用proxy进行代理的所以当我们打印一些值的时候是proxy代理之后的，是Proxy对象，Proxy对象里边的[[Target]]才是真实的对象。
天外天-亮·2024-02-05 06:14

vue3中watch监听的使用方式

vue3中使用watchaaabbbcccimport{ref,watch,reactive}from'vue';exportdefault{setup(){//constmytext=ref("")constselect
葫芦娃y·2024-02-05 04:37

vue3中如何使用pinia,两种模式

使用方式一一、安装pinia,并在main.js引入npminstallpinia//main.jsimport{createPinia}from'pinia'varapp=createApp(App)app.use(createPinia())//注册pinia插件app.mount('#app')二、创建store创建文件tabbarStore.js//tabbarStore.js//用于隐藏
葫芦娃y·2024-02-05 04:37

找不到模块“vue-router”或其相应的类型声明。ts(2307)

场景：新建了一个项目：vue3+ts。
有蝉·2024-02-05 04:36

股票学习之路2018-01-22红五

继续新高上证红五深证回踩之后强势新高中小红一沪深300牛一创指强势反弹，能过缺口吗/最近很郁闷拿着就是不动涨幅跌幅
向延炳·2024-02-05 04:36

vue3：23—自定义hooks

正是因为有了hooks，组合式才发挥出了威力其实hooks和vue2中的mixin有点类似，但是相对mixins而言，hooks更清楚复用功能代码的来源,更清晰易懂。如何定义hooks具备可复用功能，才需要抽离为hooks独立文件函数名/文件名以use开头，形如:useXX引用时将响应式变量或者方法显式解构暴露出来；图片示例代码示例：person.vueimportuseSumfrom'@/hoo
有蝉·2024-02-05 04:34

5个.NET开源且强大的快速开发框架（帮助你提高生产效率）

中台Admin（Admin.Core）中台Admin（Admin.Core）是前后端分离权限管理系统，前端UI基于Vue3开发，后端Api基于.NET8.0开发。
追逐时光者·2024-02-05 04:23

2024年1月Java项目开发指南15：vue3+AntDesignVue 设计页面

考虑到有的同学对vue3不熟悉，因此，我把ControlView.vue这个页面清空，我们从0开始写。搭建页面的基本框架展开代码后复制你需要的代码。
萌狼蓝天·2024-02-05 03:26
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他