vue爬坑日记

vue 开发-组件开发前必读

序言关于vue组件还是非常好用的,真正掌握预计需要一段时间具体可以参考https://cn.vuejs.org/v2/guide/components-registration.html本文主要是描写组件开发过程必然会遇到的几个问题
趣魂·2024-02-20 18:19

vue 退出登录 清除localStorage

vue退出登录清除localStorage在vue登录的时候我们会保持状态如下：methods:{login(){this.axios.post('users/login/',this.form).then
.@d·2024-02-20 18:48

vue 3自定义组件

创建libs文件夹，封装所有自定义组件在libs创建.vue和.js文件.vue文件》》渲染出的组件.js文件》》作为自定义组件导入import***from'./***.vue'//导入.vue组件exportdefault
懒员员·2024-02-20 18:48

JavaScript和Python打造跨平台客户端应用——vue-pywebview-pyinstaller

这就有了今天的主角：vue-pywebview-p
潘高·2024-02-20 18:16

vue3项目配置按需自动导入API组件unplugin-auto-import

场景应用：避免写一大堆的import，比如关于Vue和VueRouter的1、安装unplugin-auto-importnpmi-Dunplugin-auto-import2、配置vite.configimportAutoImportfrom'unplugin-auto-import
菜鸟茜·2024-02-20 18:45

VUE+Element-ui实战之新增弹出框和编辑弹出框共用一个组件

首先学会点击按钮触发弹出框动作：VUE弹窗加载另一个VUE页面1、el-table基本设置ActivityManage.vue全部代码：活动管理查询重置添加提
菜鸟茜·2024-02-20 18:15

VUE+Element-ui实战之el-calendar日历自定义显示内容

目录1、确保添加el-calendar组件2、遍历日期，确定显示内容3、最终实现效果4、完整代码1、确保添加el-calendar组件确保你的element引入了el-calendar组件，这里不再赘述2、遍历日期，确定显示内容3、最终实现效果4、完整代码施工日志{{data.day.split('-').slice(1).join('-')}}{{item.content}}exportdefa
菜鸟茜·2024-02-20 18:15

vue预览本地pdf文件方法之iframe

之前试了两种方法1、vue预览本地pdf文件方法之a标签2、vue预览本地pdf文件方法之vue-pdf组件都不符合需求想要的效果方法1只是重新打开窗口，适用于pdf预览简单需求方法2因为是单页展现，还需要上一页下一页的切换
菜鸟茜·2024-02-20 18:15

利用vite快速搭建vue3项目

输入命令【npmcreatevite@latest】npmcreatevite@latest2、提示你输入项目名称之后，我这里设置的是【rookiedemo】3、回车之后，出现选择框架的提示，我们选择【vue
菜鸟茜·2024-02-20 18:15

vue+Element实现文字列表轮番滚动效果

预警信息{{item.info}}{{item.info}}{{nei}}紧急联系人：周峰联系人电话：15515554312exportdefault{data(){return{chuxian:true,chuxians:false,nei:"",messages:[{type:"报警",deviceId:12,info:"温度传感器西特SetraSTC温度读数异常"},{type:"报警",d
菜鸟茜·2024-02-20 18:45

Element-ui 步骤条功能拓展——动态生成步骤条

需求：最近在做应急预案的vue页面，需要有上一步、下一步等功能，并且每一个预案都是一个简单流程题外话：感觉使用vue+Element-ui来做，真的是方便很多很多，思路清晰，代码简洁。
菜鸟茜·2024-02-20 18:45

vue 自定义组件

目录使用组件的好处定义组件全局组件局部组件总结使用组件的好处可复用易维护可封装,易使用在大型项目中可以降低组件之间的复用性定义组件在项目src中的components文件夹中新建vue文件用于定义组件全局组件全局组件在
blockchain beginner·2024-02-20 18:14

Vite按需引入自定义组件unplugin-vue-components

1.安装插件npmiunplugin-vue-components-D2.vite.config.ts文件加如下代码plugins:[vue({reactivityTransform:true}),Components
前端~·2024-02-20 18:42

面试题之项目做过哪些性能优化可以从哪方面说？

将静态资源部署到CDN上步骤简述：Vue静态资源上CDN方案简述-掘金(juejin.cn)4.避免重定向：确保网页没有多余的重定
STATICHIT静砸·2024-02-20 18:42

vue3项目配置按需自动引入自定义组件unplugin-vue-components

接下来就进入我们的主角unplugin-vue-components，这就是前端大神AnthonyFu写的的非常好用的插件，其实已经被vite官方收录了1、安装unplugin-vue-componentsnpmiunplu
菜鸟茜·2024-02-20 18:39

vue路由详解

vue路由详解一、路由属性配置说明二、页面跳转（1）router-link标签跳转（2）编程式导航-JS代码内部跳转（3）其他常用方法三、子路由-路由嵌套（1）src/components/Home.vue
前端小白进阶之旅·2024-02-20 17:30

在普通的html页面用Vue3组合式API写的项目（无需Node.js环境和构建项目）

摘要Vue.js的优点有很多，但是其使用门槛对于只学习过普通的项目的同学来说，还是比较有挑战性的，如果你真的想把Vue学的很溜，真的需要一个非常系统的学习才能运用起来。
·2024-02-20 17:54

vue父组件调用子组件的方法 或传递值给子组件

目录1.父组件调用子组件的方法1.导入子组件2.注册子组件3.添加ref引用4.当监听到父组件的某一个值变化时通过ref去调用子组件reset()方法1.父组件传递值给子组件1.**父组件中定义并传递参数：**2.**子组件中接收并使用参数：**1.父组件调用子组件的方法导入子组件，注册子组件,添加ref引用，通过ref去调用子组件方法1.导入子组件importCY_RD_PROJECT_CHAN
Tang_Monk·2024-02-20 17:53

grid---选择数据功能！！

编写表的扩展js一、步骤1.第一步-新建modelBody组件复制如下代码修改相关内容编号名称型号搜索添加选择的数据关闭importVolBoxfrom"@/components/basic/VolBox.vue
Tang_Monk·2024-02-20 17:23

vue-provide/inject用法

#provide/inject2.2.0新增类型：provide：Object|()=>Objectinject：Array|{[key:string]:string|Symbol|Object}注：provide和inject主要在开发高阶插件/组件库时使用。并不推荐用于普通应用程序代码中。这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系
页神建辑-思而后学·2024-02-20 17:14

二.组件的通信 :provide/inject

当组件A和组件B中间隔了数代（甚至不确定具体级别）时，以往会借助Vuex或Bus这样的解决方案，不得不引入三方库来支持。
Lucky.cs·2024-02-20 17:14

vue 中provide的用法_聊聊Vue中provide/inject的应用详解

在Vue中，Vue提供了各种各样的组件通信方式，从基础的props/$emit到用于兄弟组件通信的EventBus，再到用于全局数据管理的Vuex。
weixin_39796238·2024-02-20 17:44

Vue 3的provide和inject用法

了解Vue3的provide和inject用法前言在组合式API中的用法基本用法前言provide和inject在Vue2中已经被广泛应用，不是新鲜API，3.0重新认识一下它们两个。
超人不会飞°ོ·2024-02-20 17:44

vue 中provide的用法_Vue多级组件provide/inject使用详解

这次给大家带来Vue多级组件provide/inject使用详解，Vue多级组件provide/inject使用的注意事项有哪些，下面就是实战案例，一起来看一下。
weixin_39626237·2024-02-20 17:43

react context上下文与vue中 provide inject的用法区别

一、react中：数据传递1、引入createContextimport{createContext}from"react";2、创建并导出exportconstFspThemeContext=createContext({});3、传递数据（value项不能缺少！！）①不解构直接使用Provider②解构后使用const{Provider}=FspThemeContext数据接收1、在孙组件中引
Holly·2024-02-20 17:13

react的createContext及useContext 和 vue3的 provide 及 inject

这几个方法都是用于多层嵌套组件时，父组件向某个深层组件的传值，避免了props一层一层的传递。reactcreateContext和useContext新建context.ts文件：import{createContext}from'react'exportconstMyContext=createContext(null)父组件：import{MyContext}from'./context'i
Mosowe·2024-02-20 17:13

vue组件通讯之provide / inject

什么是provide/inject[传送门]vue的组件通讯方式我们熟知的有props$emitbusvuex,另外就是provide/injectprovide/inject是Vue.js2.2.0版本后新增的
weixin_34101784·2024-02-20 17:13

vue3使用provide/inject实现全局变量功能，部分摆脱vuex

vue3新的provide/inject功能可以穿透多层组件，实现数据从父组件传递到子组件。这时将所有需要使用的全局变量在根组件就provide，这样，所有的组件都能使用到这个变量。
炎魔之王·2024-02-20 17:43

vue3中，ref()、reactive()、computed()、watch() 和 watchEffect()的区别

ref()、reactive()、computed()、watch()和watchEffect()是Vue3中常用的响应式处理函数，它们的主要区别如下：ref()：ref()函数用于将一个普通的JavaScript
hzxOnlineOk·2024-02-20 17:12

Reflect.get() 方法与直接调用 target 对象的获取属性的区别

Vue中的响应性是如何工作的：https://cn.vuejs.org/guide/extras/reactivity-in-depth.htmlReflect.get()方法与直接调用target对象的获取属性之间有一些区别
hzxOnlineOk·2024-02-20 17:12

vue新特性provide/inject深入学习

在开发vue项目时，不可避免的需要进行组件之间的相互通信。如果是在一个实际的业务项目中，组件间的通信可以采用采用像vuex,EventBus等机制实现跨组件通信。
C972325584·2024-02-20 17:12

在Vue3中使用Provide / Inject

前面已经讲了浅谈Vue2中provide和inject使用，今天讲讲在Vue3中如何使用provide和injectVue3的写法已经和Vue2有所不同，因此需要熟悉Vue3的写法，其实变动不大，现在官方文档也有详细介绍
NMGWAP·2024-02-20 17:12

【react】react中和vue中的provide/inject、context写法示例

react写法在React中，provide和inject的功能类似于Vue.js中的provide和inject。它们都是用于跨组件层次传递数据的。
hzxOnlineOk·2024-02-20 17:41

vue-x 笔记2

写的一手烂笔记之后发现其实vuex官网写得真的挺好的，感觉相比其他官网，写得还算是人话。
wudimingwo·2024-02-20 17:29

vite+ts+vue3项目初始化 -- eslint+prettier代码格式化

vue3+ts项目初始化配置--eslint+prettier格式化校验一、配置@代替src目录二、项目中引入scss三、引入公共样式四、引入组件报红色波浪线五、有些语法不认识需要在vscode中安装Volar
weixin_43993776·2024-02-20 17:55

vue key重复_Vue 前端面试题汇总

前端潮咖点击上面蓝字，关注我们！关注关注前端潮咖，每日精选好文https://github.com/ltadpoles/web-document/tree/master/Other前言前几天整理了一些html+css+JavaScript常见的面试题(https://segmentfault.com/u/youdangde_5c8b208a23f95/articles)，然后现在也是找了一些在Vu
weixin_39963341·2024-02-20 17:53

Vite 搭建 Vue2 项目（Vue2 + vue-router + vuex）

在写本文时Vite没有提供Vue2的创建方式。相信有些开发者还没开始学Vue3，但又想尝尝Vite。那可以参考本文的进食方式。如果心急的话，“0、简介”可以跳过。
德育处主任Pro·2024-02-20 17:23

vue-router 路由嵌套显示不出来_【第122期】从头开始学习vuerouter

一、前言要学习vue-router就要先知道这里的路由是什么？为什么我们不能像原来一样直接用标签编写链接哪？vue-router如何使用？常见路由操作有哪些？等等这些问题，就是本篇要探讨的主要问题。
weixin_39960319·2024-02-20 17:52

vue3+vite插件配置系列1-vite-plugin-pages搭配vue-router

介绍vite插件，可以读取文件夹下的vue文件，自动生成vue-router的路由信息，这样以后每次有新的vue页面增加，都不用去更改vue-router的路由信息代码了，减少了工作量使用1.下载npmi-Dvite-plugin-pagesnpmi-svue-router
永远不会太晚·2024-02-20 17:51

TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建

1.TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建1.1使用Vite初始化Vue3+TypeScript项目开发Vue3项目首先要确保电脑上安装了Vite脚手架，本节课程略过
随风小薇·2024-02-20 17:21

vue-router 源码阅读 - 文件结构与注册机制

文章目录0.前备知识1.文件结构2.入口文件2.1rollup出口与入口2.2Vue.use3.路由注册3.1install3.2VueRouter前端路由是我们前端开发日常开发中经常碰到的概念，在下在日常使用中知其然也好奇着所以然
SHERlocked93·2024-02-20 17:20

小程序跳转H5实现长截图功能；vue-cli3通过rem适配

二、思路：  首先，考虑需要长截图的页面根据需求可能会迭代增加，新建了一个vue
怪哈哈·2024-02-20 16:50

Vue项目预渲染机制引入实践

，本来想着网上有这么多预渲染的文章，随便找个来跟着做不就完了嘛，结果年轻的我付出了整个周末…这篇文章就记录一下最后是怎么配置的T.T声明：以下配置只保留有必要的生成目录这里使用base代替，请自行修改vue
SHERlocked93·2024-02-20 16:50

【nuxt.js】pc端链接转成二维码 可以手机端长按或者扫扫码识别

需求：vue\nuxt.js项目中pc端链接转成二维码可以手机端长按或者扫扫码识别,最终效果：方法一：单纯生成带数据的二维码1）：终端安装@xkeshi/vue-qrcode.js包npminstall
小峰同学的前端之路·2024-02-20 16:49

【退役之重学前端】使用vite+vue3+vue-router，重构react+react-router前后端分离的商城后台管理系统

前言：对前端各个技术板块，HTML、CSS、JavaScript、ES6、vue家族，整体上能“摸其大概”。笔者计划重构一个基于react的商城后台管理系统。
williamdsy·2024-02-20 16:18

前端自动生成二维码并长按识别跳转 Vue

下载arale-qrcode依赖：npmiarale-qrcode--save引用依赖：importAraleQRCodefrom"arale-qrcode";代码部分：//生成二维码按钮点击生成二维码//生成二维码弹窗importAraleQRCodefrom"arale-qrcode";//引入依赖exportdefault{name:"index",data(){return{show:fa
天使的同类·2024-02-20 16:17

前端架构: 脚手架框架之commander从基础到高级应用教程

commander目前版本:12.0.0WeeklyDownloads133,822,797(动态数据)最近更新：15daysago(npm)说明这是一个更优质的库同时使用commander的案例也更为知名:vue-cli
Wang's Blog·2024-02-20 16:17

pinia的使用

相比于Vuex，Pinia提供了更简洁直接的组合式风格的API(去掉了mutation)，action可以支持同步和异步。去掉了modules的概念，每一个store都是一个独立的模块。
零凌林·2024-02-20 16:47

前端Excel导出实用方案（完整源码，可直接应用）

本文在全局导出组件封装上，保持了高度的扩展性，无论大家用的是element组件库还是antdvue的组件库或者其他的组件库，都容易进行更换。
零凌林·2024-02-20 16:46

Pinia状态管理器持久化

前言：我们在做vue2开发的时候，难免会用到vuex这个状态管理器，但是我们都知道，vuex是没法做持久化的，一刷新就会丢失数据，这个时候我们又需要持久化，就得搭配缓存，比如LocalStorage，SessionStorage
零凌林·2024-02-20 16:46
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他