Vue3状态管理

最新最全的前端面试题集锦之 Vue 全家桶篇（从基础到高级，最新最全最详细解答）

关于Vue3.0的相关面试题，请移步至Vue3.0篇查看。目录一、Vue经典面试题（附答案）1.什么是`MVVM`？2.`MVVM`和`MVC`区别？它和其它框架（`jQuery`）的区别是什么？
八了个戒·2024-02-01 04:08

2024 高级前端面试题之 Vue 「精选篇」

Vue模块精选篇1.谈谈你对MVVM的理解2.谈谈你对SPA单页面的理解3.Vue2.x响应式数据原理4.Vue3.x响应式数据原理5.Vue中如何检测数组变化6.Vue中如何进行依赖收集？
八了个戒·2024-02-01 03:37

vue3中多语言切换vue-i18n

安装npminstallvue-i18n@next使用一.在src中创建i18n文件夹（文件名无所谓）在i18n下创建en.ts/jszh.ts/jsindex.ts/js分别写入下面代码en.ts/js//enexportdefault{message:{hello:'hello',name:'name'}}zh.ts/js//zhexportdefault{message:{hello:'你好
前端小趴菜05·2024-02-01 02:00

基于 vue3 element-plus 省市区联动组件

1、效果省份没选之前，市与区禁选，同理市未选择，区也是禁用的重新选择省，市与区的也会清空，同理重新选择市，区也会重置，完整代码地址选择的时候就是下面这样的2、主要逻辑代码html相关代码逻辑处理部分import{reactive,onBeforeMount,computed,watch}from'vue'importareaDatafrom'@/components/myArea/data/pca
ZL随心·2024-02-01 02:00

【Strelitzia项目】vue3+ts实现element-plus中选择器省市区三级联动

但是在这个问题的过程中存在着不少疑惑，首先就是百度找不到vue3+ts的代码，而自己本身又是后端开发人员，所以在技术层面存在着不少的疑问，vue2编写代码的方式不太熟练。
兜里旺仔没加糖·2024-02-01 02:00

基于vue3.2的element-plus省市区选择器

import{getData}from"@/api/lineCity";import{EluiChinaAreaDht}from'elui-china-area-dht'constchinaData=newEluiChinaAreaDht.ChinaArea().chinaAreaflat//覆盖区县constonChange=(e:any)=>{constprovince=chinaData[e
IT全栈视野·2024-02-01 02:30

vue3中使用 vue3-slide-verify 滑块验证登录

在日常项目中我们实现登录的时候，会进行人为操作验证，这里使用滑块验证，常见的验证方式我们借助插件vue3-slide-verify安装npminstall--savevue3-slide-verify使用在页面创建组件
前端小趴菜05·2024-02-01 02:30

vue3中配置路由

1.新建router文件夹2.在router文件夹新建router.js文件配置路由3.import{createRouter,createWebHistory}from"vue-router"constrouter=createRouter({  history:createWebHistory(),  routes：[ {   path:'/',   redirect:"/main",  },
qq_48378883·2024-02-01 01:22

springboot3+vue3支付宝在线支付案例,渲染购物车内容

springboot3+vue3支付宝在线支付案例,渲染购物车内容！期间遇到了很多问题。第一个就是时间戳的格式化问题。我使用了vue-moment插件。
yrldjsbk·2024-02-01 01:50

Vite+Ts新建项目报错

tsconfig.app.json添加"compilerOptions":{"moduleResolution":"node"}env.d.ts添加/////vue3报错提示找不到模块“.
斯文～·2024-02-01 01:30

[Vue3] useRoute、useRouter

useRoute返回当前路由地址。相当于在模板中使用$route。必须在setup()中调用。用于在组件中获取当前路由的信息，返回一个包含路由信息的对象。这个函数适用于那些不需要监听路由变化的场景，只是获取当前路由信息的静态数据。useRouter返回router实例。相当于在模板中使用$router。必须在setup()中调用。用于获取路由实例，适用于需要进行动态路由操作的场景，可以通过它来进行
斯文～·2024-02-01 00:58

vue3开发，axios避坑。定义的baseURL.

vue3开发，axios避坑。定义的baseURL.！今天我测试了这个baseURL,因为我写错了字母大小写。到账了我一直请求不到接口的数据。后来检查发现。官方要求的地址是严格的。
yrldjsbk·2024-02-01 00:58

import { ArrowRight } from “@element-plus/icons-vue“；

今天下午快被这个问题折磨疯了虽然知道这个问题怎么产生的但项目里那个碍眼的红线就是去不掉后来才发现这是插件的锅我的心情你知道我想要说什么的想必能看到这篇文章的也知道这个问题是怎么产生的vue3+ts使用的时候默认是需要带上文件名的但是引入
RyzenVega·2024-02-01 00:31

Vite+Vue3+TS 引入使用Cesium.js

申请CesiumToken进入Cesium注册账号cesium离谱的是E宝(Epic)居然可以快捷登录？！登录后点击导航栏的AccessToken再右侧即可看到默认Token安装&引入#Cesiumpnpmpnpminstallcesium#如果项目同时存在Three.js需避免使用pnpmThree.js对pnpm+ts的组合并不友好npmicesium依赖包安装完毕后需要在public文件夹内
RyzenVega·2024-02-01 00:01

Django4.2(DRF)+Vue3 读写分离项目部署上线

文章目录1前端2后端2.1修改settings.py文件关于静态文件2.2关于用户上传的文件图片3Nginx4镜像制作4.1nginx4.3Django镜像4.3.1构建5docker-compose文件内容1前端进入前端项目的根目录，运行如下命令进行构建npmrunbuild构建完成后，项目根目录下会出现打包后的目录dist这个dist目录需要给到nginx，具体配置见第3章节的Nginx2后端
shark_西瓜甜·2024-02-01 00:19

使用vue3自定义指令实现Tooltip

效果预览：实现代码：directive.jsimport{nextTick}from"vue"functionelFover(e){//e.el.classList.add('hover')letres=e.el.getBoundingClientRect()//console.log(res)letdom_tooltip=document.querySelector('.c-tooltip')i
不怕麻烦的鹿丸·2024-01-31 23:29

自定义vue通用左侧菜单组件（未完善版本）

使用到的技术：vue3、pinia、view-ui-plus实现的功能：传入一个菜单数组数据，自动生成一个左侧菜单栏。菜单栏可以添加、删除、展开、重命名，拖动插入位置等。
不怕麻烦的鹿丸·2024-01-31 23:58

Vue3中父组件调用子组件的方法

法1：ref1：定义页面组件或者组件子组件页面              ​import{ref}from'vue'constdialogVisible=ref(false)​//打开用户弹窗组件consthandleOpen=()=>{ dialogVisible.value=true;}//关闭用户弹窗组件consthandleClose=()=>{ dialogVisible.value=f
一on勇·2024-01-31 23:57

Vue3 父子传参 简单易懂

目录父传子：1、在父组件的子组件标签上通过:传递到子组件的数据名="需要传递的数据"2、子组件依旧通过props来接收并且在模版中使用子传父：最后总结一下：父传子：1、在父组件的子组件标签上通过:传递到子组件的数据名="需要传递的数据"在这里为了大家区分我将父组件中的数据定义为：fatherData，子组件需要接收的数据定义为：sonData。//父组件{{fatherData}}importch
未飞·2024-01-31 23:25

vue中父组件直接调用子组件方法（通过ref）

目录1、vue2中，父组件调用子组件的方法2、vue3中，父组件调用子组件的方法1、vue2中，父组件调用子组件的方法在Vue2中，父组件可以通过使用ref属性来引用子组件的实例，然后通过该实例调用子组件的方法
码农键盘上的梦·2024-01-31 23:53

05-mac vue2.0升级到vue3.0+

在创建cli项目时，执行npmcreate项目名;注意名最好是英文开头最好是小写；npmcreate命令是基于vue.3.0版本以上使用的，检查cli版本号vue-V；先卸载原有的clinpmuninstallvue-cli-g//卸载原有clinpminstall-g@vue/cli//安装新版本cli以上是没有出现问题，当有问题时，当你卸载vue.cli时会出现uptotimein0.14s，
高家_大少爷·2024-01-31 23:37

[Vue3] reactive数据改变，视图不更新的问题

问题在vue文件中，创建响应式对象，赋值后却无法触发响应式，即页面的值不会改变constobj={name:'xiaoming',age:18}letform=reactive({});form=obj;上述代码中，form的值是会改变，但是页面显示中的form值不会改变，不会发生响应式变化。原因使用reactive返回的并不是一个对象，而是对象的响应式代理，即被proxy包裹的对象。如果给它重新
Suppose·2024-01-31 22:29

Vue2.x 和 Vue3.x 生命周期钩子函数对比

Vue2------------------vue3beforeCreate=>setup()created=>setup()beforeMount=>onBeforeMountmounted=>onMountedbeforeUpdate
coderfl·2024-01-31 22:53

vue3开发,axios发送请求是携带params参数的避坑

vue3开发,axios发送请求是携带params参数的避坑！
yrldjsbk·2024-01-31 21:14

vscode配置代码片段超级简单提升工作效率

前言vue2和vue3文件模板重复性极高，特别是后台管理性质的系统。每次都自己去打开之前的页面再去copypaste，效率极其低下。为了提升工作效率，我们需要编写常用的代码片段。
胡西风_foxww·2024-01-31 20:10

Vue3 项目中按需引入 Element Plus 后使用组件时样式丢失

1问题描述在vue3项目中依据ElementPlus官方文档按需引入后，在.vue页面中使用ElMessage、ElLoading等组件时出现样式丢失的情况。
Vesuvius688·2024-01-31 20:00

数据预取和状态

接上篇管理头部Head内容官方文档很难看懂，可以通过一个实际需求来了解服务端渲染中的数据预取和状态管理需求：实现通过服务端渲染的方式来把异步接口数据渲染到页面中如果是纯客户端渲染，无非就是在页面发请求拿数据
翔子丶·2024-01-31 18:44

【Vite+Vue3+Ts+Pinia+Sass】从0到1项目创建（必备收藏）

项目创建网络问题，这里我用cnpm，遇到安装卡了不动的同学也可以使用cnpm安装命令npminstallcnpm-gcnpmcreatevite@latest//Projectname:»vite-project(项目名)选择第二项，回车使用Ts，回车创建完成，按顺序执行以下三步骤//Done.Nowrun:cd你的项目名cnpminstall//安装依赖cnpmrundev//运行项目安装sas
极致♀雨·2024-01-31 18:36

【Vite+Vue3+Ts】挂载全局store/pinia（全局方法）

store文件内容：exportconstuseCounterStore=defineStore("counter",{state:()=>({lang:'en',}),actions:{},});新建插件piniaPlugin.tsimport{useCounterStore}from"@/store/index";//引入pinia方法exportdefault{install:(app:an
极致♀雨·2024-01-31 18:36

【Vue3+Ts】简单路由配置页面缓存keepAlive可选控制

router.ts路由文件配置constroutes=[{path:"/",name:"home",meta:{title:"首页",keepAlive:true,//主要代码},component:()=>import("@/view/Home/index.vue"),}]App.vue配置import{computed}from"vue";import{useRoute}from"vue-ro
极致♀雨·2024-01-31 18:35

【Vite+Ts+Vue3】使用Crypto-js封装AES加密

安装依赖cnpminstallcrypto-js--save项目创建secret.ts文件importCryptoJSfrom"crypto-js";//必须为16、24、32位constKEY="4564564564564564";constIV="4564564564564564";/***AES加密：字符串keyiv返回base64*/exportconstEncrypt=(word:any
极致♀雨·2024-01-31 18:05

【Vite+Ts+Vue3+Pinia】使用i18n国际化简单配置

安装i18ncnpminstallvue-i18n--savesrc目录新建language文件夹并新建以下文件新建en.ts（英文）constmessages={home:{title:"BookStore",hint:"ComputerScienceAndSoftwareEngineering",guessYouLike:"GuessYouLike",},};exportdefaultmess
极致♀雨·2024-01-31 18:05

【Vite+Ts+Vue3】项目多环境打包配置+axios+Api封装

安装axioscnpminstallaxios--save项目根目录新建以下配置文件开发环境//.env.developmentVITE_APP_BASE_API=http://localhost:3000/api生产环境//.env.productionVITE_APP_BASE_API=http://production/api测试环境//.env.testVITE_APP_BASE_API=
极致♀雨·2024-01-31 18:32

[工具探索]Safari 和 Google Chrome 浏览器内核差异

最近有些Vue3的项目，使用了safari进行测试环境搞开发，发现页面存在不同程序的页面乱码情况，反而google浏览器没问题，下面我们就对比下他们之间的差异点：日常开发googlechrome占多数；
ifanatic·2024-01-31 18:13

springboot3+vue3支付宝在线支付案例,后端接口-购物车

packagecom.example.demo.controller;importcom.example.demo.bean.Goods;importcom.example.demo.bean.Orders;importcom.example.demo.bean.Result;importcom.example.demo.service.IGoodsService;importcom.exampl
yrldjsbk·2024-01-31 18:36

分享一个关于 Vue3+Pinia+Koa+Three.js 全栈电商的项目总结

前言前几天一个朋友去义乌旅游，带回来很多小商品，就是一整个物美价廉，但是为什么线下购物和网购有的时候差别这么大（网购经常要退换货啊），为此我萌生了一个想法，3D是不是就可以实现在线看商品的细节了，退换货这么麻烦是不是可以省省了一、项目概述这个项目是对义务购app的一个模仿，相对于其官方app，我新增的亮点如下：商品排列布局使用瀑布流布局实现3D看商品功能实现3D看义乌商贸城同时，基础功能如下：使用
前端达人·2024-01-31 17:14

VUE3快速入门技巧

1.安装1.1进入网址，进行下载1.2用法用引入2.实列化2.1模板2.2创建2.3挂载3.条件渲染3.1v-if与v-show上面是Vue实例化的简易写法，注意看清楚哦4.属性渲染4.1v-bind5列表渲染指令5.1v-for
无言_f70a·2024-01-31 17:15

Vue3中快速简单使用CKEditor 5富文本编辑器

Vue3简单使用CKEditor5前言准备定制基础配置富文本配置目录当前文章demo目录结构快速使用demo前言CKEditor5就是内嵌在网页中的一个富文本编辑器工具CKEditor5开发文档（英文）
Thetimezipsby·2024-01-31 17:09

Vite4、Vue3、Axios 针对请求模块化封装搭配自动化导入（简单易用）

针对请求模块化封装搭配自动化导入（简单易用）目标目录目标代码前提步入正题src/utils/index.jssrc/api/index.jssrc/api/request.jssrc/api/service.jssrc/api/utils.jssrc/api/modules/demo.js自动化配置vite.config.jseslint校验问题作者GitHub：https://github.co
Thetimezipsby·2024-01-31 17:09

vite生产环境报错 TypeError: Failed to fetch dynamically imported module: xxx

问题描述vue3+vite项目：有时跳转页面会卡住，控制台信息如下：TypeError:Failedtofetchdynamicallyimportedmodule:xxx信息收集用户端复现了问题，从现场获取到控制台日志
Thetimezipsby·2024-01-31 17:09

如何纯前端实现文件下载

解决方案在vue2或者vue3项目中，可以把文件放在public文件夹下，然后使用a标签进行文件下载。如：我要下载的文件是模版.xlsx。首先，我把这个文件直接放到了public文件夹里。
yulamz·2024-01-31 16:06

Vue3下载WEBAPI导出的Excel文件

webApi查询数据保存为Excel//////获取LMI3D相机涂胶测量数据//////[HttpPost(Name="GetLMI3DGlueDataToExcel")]publicasyncTaskGetLMI3DGlueDataToExcel(QueryGlueMeasurementModelqgmm){Listresult=newList();result=awaitLinkAsiaDB
easyboot·2024-01-31 16:40

Vue3-Composition-API（一）

一、认识CompositionAPl1.OptionsAPI的弊端在Vue2中，我们编写组件的方式是OptionsAPI：OptionsAPI的一大特点就是在对应的属性中编写对应的功能模块；比如data定义数据、methods中定义方法、computed中定义计算属性、watch中监听属性改变，也包括生命周期钩子；但是这种代码有一个很大的弊端：当我们实现某一个功能时，这个功能对应的代码逻辑会被拆分
DustinWangq·2024-01-31 15:43

Vue3之Vite打包优化

一.rollup-plugin-visualizer(打包视图分析)1.安装：npmirollup-plugin-visualizer-D2.配置：在vite.config.js中引入rollup-plugin-visualizer插件import{visualizer}from'rollup-plugin-visualizer';exportdefaultdefineConfig({plugin
26:28·2024-01-31 15:04

vue2整理

一.vue2语法参考文章补充:二.vue2项目1.创建项目参考创建项目的方法2.项目基本搭建现在大多维护的是vue2老项目，新项目都是用Vue3开发。基本搭建项目，考参考Vue3新项目搭建。
26:28·2024-01-31 15:33

Vue3的v-model说明和使用方法

Vue3的v-model是一个语法糖，它为表单输入和应用状态之间创建了双向绑定。这样，当用户在表单中输入时，数据会自动更新，反之亦然。
无妄的罪·2024-01-31 14:10

Vue之状态管理的简单使用（事件总线（Event Bus），Vuex和若依前端示例）

文章目录Vue之状态管理的简单使用（事件总线（EventBus），Vuex和若依前端示例）Vue之事件总线（EventBus）的简单使用Vuex进行状态管理的简单使用若依前端代码store状态管理：Vue
黎明晓月·2024-01-31 13:07

信息搜集总结

whois可以查询什么信息注册信息中的域名所有者的邮箱和名字，域名注册时间，过期时间，注册中心以及当前注册状态管理员各种联系信息,包括管理员邮箱，电话，传真，各种名字[可以用来制作字典]目标技术的联系方式
君行路·2024-01-31 13:22

Vue3+webpack项目的vuex封装

Vuex是一个专为Vue.js应用程序开发的状态管理模式+库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
月影WEB·2024-01-31 13:53

React 面试题

的方式子组件传父组件：父组件将自身函数传入，子组件调用该函数，父组件在函数中拿到子组件传递的数据兄弟组件通信：找到共同的父节点，用父节点转发进行通信跨层级通信：使用contetx可跨域多层传递全局数据全局状态管理工具
MissXu666·2024-01-31 12:11
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他