vue

vue3路由的使用,保证你有所收获!

路由变量 有的小伙伴,可能是第一次听见路由变量这个词。 什么是路由变量了,顾名思义就是这个路由地址是动态的,不是固定的。 它的运用场景是哪里呢? 比如说:1.详情页的地址,我们就可以去使用路由变量。 比如说博客园的文章详情:https://www.cnblogs.com/IwishIcould/p/ ... »

IwishIcould Vue3

通过UI库深入了解Vue的插槽的使用技巧

Vue官网对于插槽的介绍比较简略,插槽本身也比较“烧脑”,很容易看晕,我就一直没看懂,直到 使用了element-plus的组件的插槽。 其实我们可以换一个角度来理解插槽,就会豁然开朗了。 技术栈 vite vue3 element-plus 从父子组件的传值开始 父子组件传值可以通过 prosp ... »

jyk Vue3

vue3代码setup中this为什么无效

结论:setup并没有通过各种方式去绑定this 在vue2中,我们可以在optionsApi中调用this来指向当前组件的实例,但是在vue3的setup中并不能这样做,因为setup位于组件创建成功后但是并没有解析data、computed、methods中间,所以他们无法从setup中调用th ... »

fat-jun vue3

vue 快速入门 系列 —— Vue(自身) 项目结构

其他章节请看: vue 快速入门 系列 Vue(自身) 项目结构 前面我们已经陆续研究了 vue 的核心原理:数据侦测、模板和虚拟 DOM,都是偏底层的。本篇将和大家一起来看一下 vue 自身这个项目,了解它的目录结构,以及构建过程。 vue 的目录结构 将 vue 项目 下载到本地 git clo ... »

pengjiali vue

VUE3 之 全局组件与局部组件

1. 概述 老话说的好:忍耐是一种策略,同时也是一种性格磨炼。 言归正传,今天我们来聊聊 VUE 的全局组件与局部组件。 2. 全局组件 2.1 不使用组件的写法 <body> <div id="myDiv"></div> </body> <script> const app = Vue.creat ... »

[MAUI] 在.NET MAUI中结合Vue实现混合开发

​ 在MAUI微软的官方方案是使用Blazor开发,但是当前市场大多数的Web项目使用Vue,React等技术构建,如果我们没法绕过已经积累的技术,用Blazor重写整个项目并不现实。 Vue是当前流行的web框架, 简单来说是一套模板引擎,利用“模板”和“绑定”两大特性实现web页面mvvm模式开 ... »

vue3知识点的自我总结

1. 我们对ref的错误理解 ref 经常去监听基本数据类型。 同时也可以去监听【数组】【对象】都是可以的。 ref是深度的监听。并不是大家说的那样不能去监听复杂的数据类型。 只是根据我们推荐ref去监听基本数据类型。 reactive 去监听引用数据类型。 在项目中 reactive我们使用的较多 ... »

IwishIcould Vue3

vue 快速入门 系列 —— 模板

其他章节请看: vue 快速入门 系列 模板 前面提到 vue 中的虚拟 dom 主要做两件事: 提供与真实节点对应的 vNode 新旧 vNode 对比,寻找差异,然后更新视图 ①、vNode 从何而来? 前面也说了声明式框架只需要我们描述状态与 dom 之间的映射关系。状态到视图的转换,框架会给 ... »

pengjiali vue

关于在Vue中使用WebScoket的随笔

声明:请勿直接复制粘贴抄袭文章,若有需要,请规范转载,注明出处,谢谢! 最近项目中使用到了webscoket,这个东西吧,用起来也很简单。 但是我发现,这个东西会因为网络的不稳定而断开连接,断开就断开吧,关键是断开了,webscoket不会出现异常。 于是就要自己去检测,这个有没有掉线。 我的想法是 ... »

domaindcy

vue3+vant h5: Rem 移动端布局适配之postcss-pxtorem和lib-flexible

如果不引入插件的话:ui稿的px转化成rem需自己计算 根据设计稿我们需要自己计算元素的rem(假如我们将html根元素font-size设置为41.4px); 那么1rem=41.4px; ui稿上的375px = 375/41.4rem=9rem; 这样每个元素进行计算是不是得疯,vant组件中 ... »

XHappyness

Vue3项目的简单搭建与项目结构的简单介绍

Vue3项目的创建与运行 本文记录下自己近期学习的Vue3项目的创建,以及如何去运行一个Vue应用,同时包括对Vue项目结构进行一个简单的介绍。 一、node与npm的安装 通常平常进行开发的同学应该都已经具备node环境了,如果还没有的同学可以直接去node官网进行下载,npm会随node一同安装 ... »

VUE3 之 表单元素

1. 概述 老话说的好:行动起来,原地观望是没有用的。 言归正传,今天我们来聊聊 VUE3 的 表单元素。 2. 表单元素 2.1 文本框与数据绑定 <body> <div id="myDiv"></div> </body> <script> const app = Vue.createApp({ ... »

关于Vue中根组件与组件树的理解

在观看了b站的关于Vue3的教学视频后,对Vue的根组件与组件树进行简单的总结下 一、实例化Vue应用 // 此时,app就是一个Vue应用的实例,或者说是一个对象 const app = Vue.createApp({}) 需要注意的是这个app并不是根组件,而是Vue应用的实例。 二、根组件的挂 ... »

百度地图BMap实现在行政区域内做标注

使用环境 vue bmap.js element-ui 页面展示 前提步骤 在index中引入百度地图提供的js库 在使用的vue页面中实例化地图 <!-- 给id随便起给名字 --> <div id="map"></div> <el-button :loading="btnLoading" @cl ... »

vue3 watch和watchEffect的详细讲解

watch 监听 reative 创建的值 const state = reactive({ nickname: "xiaofan", age: 20 }); setTimeout(() => { state.age++; }, 800); // 修改age值时会触发 watch的回调 watch( ... »

IwishIcould Vue3

vue-json-editor可视化编辑器的介绍与应用

vue-json-editor可视化编辑器 最近项目中有用到json编辑器,我选用了这款vue的编辑器,看起来也是比较简洁,接下来就具体介绍一下它,以及内部属性。 一、vue-json-editor的简介 vue-json-editor可以编辑json数据,也可以对其进行格式化,我用于请求报文和响应 ... »

PakhoYip Vue

vue项目 第三方图标库阿里图库

第一步: 登录 阿里icon&#160;https://www.iconfont.cn/ 第二部 新建项目 第三部,添加图标到项目 第四部下载到本地 第五步: 引用 使用 »

jinsuo

pc端vue实现图片上传功能插件简单封装

基于vue实现的图片上传功能,简单的封装,可以直接根据自己的需求修改 效果图 案例中的小图标引用了阿里云矢量图标库,建议换成自己的 &lt;link rel=&quot;stylesheet&quot »

zs521

Vue Element-Ui 改变el-Input背景样式 - 奔跑吧人生

Element-ui是一个非常好的UI设计模块,它提供给我们很多好看的按钮样式,非常适用于快速搭建UI,下面说说如果使用了element-ui之后,要更改它默认的el-Input样式应该怎么操作。使用 »

airen123