vue3来喽~

2024年前端最新面试题-vue3（持续更新中）

文章目录前言正文什么是MVVC什么是MVVM什么是SPA什么是SFC为什么data选项是一个函数Vue组件通讯（传值）有哪些方式Vue的生命周期方法有哪些如何理解Vue的单项数据流如何理解Vue的双向数据绑定Vue3
杨树林er·2024-01-15 18:03

vue3中的插槽使用

vue3中的插槽使用vue插槽分三种，默认插槽、具名插槽和作用域插槽，实现在同一个组件中填充不同的内容，项目中也经常会遇到，自己写的可以复用的组件中，经常会用到前2种，而UI组件库中经常会用到作用域插槽
栀椩·2024-01-15 18:29

vue3中组合式api的常用方法

vue3中组合式api的常用方法记录一下vue3中常用的组合式api，包括计算属性computed、监听器watch及watchEffective一、computed作用：根据已有数据计算出新数据（和Vue2
栀椩·2024-01-15 18:29

在vue3+vite项目中使用vw和vh适配

简介：在Vue3+Vite项目中，使用Sass预处理器可以极大地提升样式编写的效率和可维护性。
梦想家加一·2024-01-15 17:24

铛铛铛~贝蒂来喽~

前言：贝蒂呢~，是一名普普通通的大一新生，就读于某一二本院校。起初，不知道学什么，就选了一个还算感兴趣的计算机的专业~，但随着对计算机的了解，网上越来越多人对计算机前路的不看好，加上贝蒂本身学历就没什么优势，就不可免对自己的未来感到焦虑~我会不会毕业就失业？会不会找的工作还不如自己不学计算机来的强·？~带着这样的忧虑贝蒂来到了CSDN，来和大家分享自己学习的经历和感悟，希望以此来监督和激烈自己~贝
Betty’s Sweet·2024-01-15 14:23

Vue+Koa2 搭建前后端分离项目

Vue+Koa2搭建前后端分离项目简单的一个Demo演示:Vue和Koa2在本地搭建前后端分离项目.重点:跨域当前环境:1,Vite搭建的Vue前端项目(也就是Vue3了).2,Koa2搭建的后端项目.
Leo_DLi·2024-01-15 12:53

vue3自定义指令

一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。钩子函数会接收到指令所绑定元素作为其参数。页面内创建自定义指令下面是一个自定义指令的例子，当一个input元素被Vue插入到DOM中后，它会被自动聚焦：//在模板中启用v-focusconstvFocus={mounted:(el)=>el.focus()//使input自动聚焦//el.querySelector('input').foc
前端小趴菜05·2024-01-15 12:51

前端进阶-可视化（echarts）

1.引入echarts到vue3工程import*asechartsfrom'echarts'app.config.globalProperties.
江南一舟110·2024-01-15 12:05

一次弄懂 Vue2 和 Vue3 的 nextTick 实现原理

都会用nextTick，也都知道nextTick作用是在下次DOM更新循环结束之后，执行延迟回调，就可以拿到更新后的DOM相关信息那么它到底是怎么实现的呢，在Vue2和Vue3中又有什么区别呢？
IT沐华·2024-01-15 11:44

vue3+vant+cropper.js实现移动端图片裁剪功能

一、前言最近做项目中遇到一个需求，需要对海报图片按照一定的比例进行裁剪并上传到oss。一开始这个需求思路有两个，使用canvas原生或者寻找现成的第三方库，对比了一番觉得canvas实现时间耗费较长，且秉承着不重复造轮子的原则（其实是菜）。在进行技术调研后，决定使用vue-cropper插件来实现，预想会顺利，可结果恰恰相反！安装vue-cropper设置参数封装完组件后，发现裁剪框和裁剪的图片在
前端学习与实践·2024-01-15 11:54

【vue3】el-table-column中后端返回时间戳，用day.js 格式化

//模板中//引入day.jsimportdayjsfrom'dayjs'//方法中constformatTime=(row,column)=>{vardate=row[column.property];if(date==undefined){return'';}returndayjs(date).format('YYYY-MM-DD')}
Uaenali·2024-01-15 10:48

Element plus中el-input 框回车触发页面刷新问题及解决方案

elementUi中input组件回车触发页面刷新问题及解决方案技术：vue3+elementplus的UI框架今天做了一个小小的功能，就是基于elementUi框架的一个输入框，需要监听输入框的回车事件
鱼干～·2024-01-15 10:44

playwright

安装：pnpmcreateplaywright@latest浏览器内核：chromiumfirefoxwebkit创建一个vite+vue3的项目pnpmcreatevite按照playwrightpnpmcreateplaywright
baidu_41921865·2024-01-15 09:39

vue3---getCurrentInstance

父组件中：1.setup语法糖中导入子组件2.在子组件标签上绑定ref值3.setup内部从vue中按需导出getCurrentInstance方法4.调用getCurrentInstance方法导出proxy5.通过proxy.$refs.子组件ref名.子组件内属性/方法实现调用子组件count+1import{getCurrentInstance,ComponetInternalInstan
程序猿向前跑·2024-01-15 09:21

Vue3-customRef的使用

读取数据前，需要先track（）告诉Vue数据msg很重要，你要对msg进行持续关注，一旦msg变化就去更新修改数据后，需要trigger（）收尾通知Vue一下数据msg变化了自定义ref如何防抖hooks中放入自定义ref坐个比喻，本来的ref，你就是你直接去车店，直接买车，都是车店做好了的，你只能选择他给你的，定死了，你没法有更细的要求自定义ref，就好比你去车店，你说你要买什么车（要绑定的初
大嘴史努比·2024-01-15 09:20

Vue3-TS中的接口-泛型-自定义类型

1首先一般在src下新建types文件夹，用来存放接口类型2定义一个接口，用于限制person对象的具体属性当需要用这个类型形成数组时，有2种写法exporttypePersons=ArrayexporttypePersons=PersonInter[]3在文件中使用接口，需要先引入首先需要加上type前缀其次引入了必须使用！然后在定义的变量后用：type的形式，申明接口4如何结合reactive
大嘴史努比·2024-01-15 08:44

Vue3 watch 监听基本数据类型、数组、对象（属性）、Props、多个数据的写法

1、监听基本数据类型watch(str,(newValue,oldValue)=>{ console.log(newValue) console.log(oldValue)})2、监听数组watch(arr,(newValue,oldValue)=>{ console.log(newValue) console.log(oldValue)})3、监听对象watch(obj,(newValue,ol
Web - Nancy·2024-01-15 08:48

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -关于我们页面实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-15 08:22

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -投票帖子管理实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-15 08:21

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -投票帖子明细实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-15 08:21

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -投票帖子排行实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-15 08:18

vue3-响应式基础之reactive

reactive()还有另一种声明响应式状态的方式，即使用reactive()API。与将内部值包装在特殊对象中的ref不同，reactive()将使对象本身具有响应性：「点击按钮+1」import { reactive } from 'vue'const state = reactive({ count: 0 })                        点击次数加+1 : {{ stat
王大可996·2024-01-15 06:21

vue3-响应式基础之ref

声明响应式状态ref()在组合式API中，推荐使用ref()函数来声明响应式状态：ref()接收参数，并将其包裹在一个带有.value属性的ref对象中返回：import { ref } from 'vue'const count = ref(0)console.log(count) // { value: 0 }console.log(count.value) // 0count.value++
王大可996·2024-01-15 06:51

vue3-类与样式绑定

Class与Style绑定class和style都是attribute，我们可以和其他attribute一样使用v-bind将它们和动态的字符串绑定。Vue专门为class和style的v-bind用法提供了特殊的功能增强。除了字符串外，表达式的值也可以是对象或数组。绑定class:class(v-bind:class的缩写)传递一个对象来动态切换classclass指令也可以和一般的class属
王大可996·2024-01-15 06:16

Vue3 知识点总结

Vue3新功能createApp//vue2初始化实例constapp=newVue({/*选项*/});//vue3初始化实例constapp=Vue.createApp({/*选项*/});//vue2Vue.use
丶清风不问烟雨·2024-01-15 05:09

vue3 ＜script setup＞ 自定义组件中，判断 slot 是否有内容。

vue3自定义组件中，判断slot是否有内容。import{useSlots}from"vue";//判断是否有传值constslotDefault=!!
iZaiZaiA·2024-01-15 05:19

基于vue3.0的ionic中文开发文档

目录前言一、概述1、IonicVue概述2、Vue版本支持3、Vue工具4、原生工具5、安装Ionic二、快速开始1、什么是Ionic框架2、使用IonicCLI创建项目3、使用TypeScript或JavaScript构建4、一个Vue组件5、初始化路由器6、有样式的组件7、创建新路由8、在组件上调用方法9、添加图标（1）在组件中导入（2）全局引入10、优化您的构建（1）本地组件注册（推荐）（2
西山水壶·2024-01-15 04:37

Vue3官方文档的案例集合，备查。

Vue3的官方文档有8个部方面：1基础，2深入组件，3过度动画，4可复用组合，5高阶指南，6工具，7规模化，8无障碍个部分.1、基础：安装方式：CDN下载jsnpmCLI构建大多数情况下，我们更倾向于使用
东宇科技·2024-01-15 04:37

vue3+typescript(Echarts tooltip中formatter自定义并求和)

vue3+typescript(Echartstooltip中formatter自定义并求和)文章目录vue3+typescript(Echartstooltip中formatter自定义并求和)一、自定义
yasuo56·2024-01-15 03:34

vue3+ts 中实现压缩图片、blob 转 base64

压缩图片1.npm安装image-compressor.js2.引入importImageCompressorfrom'image-compressor.js'3.使用constcompressImage=async(file:any)=>{varimageCompressor=newImageCompressor()returnnewPromise((resolve,reject)=>{imag
微光无限·2024-01-15 00:34

在vue3中使用滑块检验vue-puzzle-verification

官网链接https://github.com/he4398/vue-puzzle-verification因为官网是vue2写的，而我现在的项目是使用vue3，所有我就把官网的源码拉取下来，改成vue3
A-超·2024-01-14 23:28

vue3使用ECharts

官网：在项目中引入ECharts-入门篇-Handbook-ApacheECharts1、通过npm安装EChartsnpminstallecharts--save2、在需要的页面直接引入ECharts并使用import*asechartsfrom'echarts'import{EChartsType}from'echarts'import{onMounted,ref,watch,onBefore
A-超·2024-01-14 23:58

Vue3.0实现todolist- ref定义单个数据和reactive定义对象类型的数据

/details/123789098参考视频：https://www.imooc.com/learn/1300官方文档查看文档：https://v3.cn.vuejs.org/1：ref定义单个数据在vue3.0
祈澈菇凉·2024-01-14 23:22

vue3 页面组件中获取上一个页面的路由地址

from,next){next(vm=>{//这里的vm就是vue实例，可以用来当做this使用console.log(to)console.log(from)//from便是上一个路由的地址})}那vue3
lucky_zouzou·2024-01-14 23:38

uniapp中，如何使用vue3接收uni中uni.navigateTo传递的参数？

跳转前的页面uni.navigateTo({url:"../houseDetails/houseDetails?id="+id})跳转后需要接收参数的页面方法1：import{onMounted,getCurrentInstance}from"vue";exportdefault{data(){return{id:''}},//加载的时候接收传递的参数onLoad(option){this.id=
学习前端的渣渣·2024-01-14 23:06

uniapp使用vue3语法利用uni.navigateTo跳转和接收参数

官网利用vue3语法写uni.navigateTo跳转接参可能出现接收参数有问题的情况，获取上一个页面数据需要进行调整。
啊～哈·2024-01-14 23:35

vue3、vue2文件导入事件

一、vue3写法1、html部分导入将文件拖到此处，或点击上传是否更新已经存在的数据仅允许导入xls、xlsx格式文件。
左手吻左脸。·2024-01-14 23:31

第八节 vue3新特性

系列文章目录目录系列文章目录前言操作方法总结前言vue3与vue2的区别及特性。具体信息页面不用跟标签包裹cs
hongc93·2024-01-14 23:30

【vue过滤器详细介绍】

过滤器详细介绍1.过滤器2.创建过滤器2.1局部过滤器2.2全局过滤器3.使用过滤器3.1在双花括号插值中3.2在`v-bind`表达式中4.过滤器的链式调用5.过滤器传参6.在Vue3中的替代方案6.1
程序员不想YY啊·2024-01-14 23:50

vue3移动端适配

将vue3项目中的px单位，自动转换为rem单位可以看到这里会根据页面缩小放大变化需要安装两个插件，看步骤amfe-flexible---默认指向2.2.1版本npmi-Samfe-flexiblepostcss-pxtorem
@tg·2024-01-14 21:03

前端面试题-vue篇

3.vue响应式原理和双向绑定原理Object.defineProperty详解vue3.x中Proxy（代理）4.说一说你对vue响应式理解？5.讲一下vue框架的原理？
_未知_开摆·2024-01-14 21:54

前端常见vue面试题（必备）

v-for的优先级是高于v-if，把它们放在一起，输出的渲染函数中可以看出会先执行循环再判断条件，哪怕我们只渲染列表中一小部分元素，也得在每次重渲染的时候遍历整个列表，这会比较浪费；另外需要注意的是在vue3
bb_xiaxia1998·2024-01-14 21:23

「Vue3面试系列」Vue 3.0中Treeshaking特性有哪些？举例说明一下？

文章目录一、是什么二、如何做Vue2项目Vue3项目三、作用参考文献一、是什么Treeshaking是一种通过清除多余代码方式来优化项目打包体积的技术，专业术语叫Deadcodeelimination简单来讲
itpeilibo·2024-01-14 21:22

【Vue3 + SpringBoot】搭建企业日报管理saas系统

目录可行性研究与计划需求分析软件设计前端架构设计数据库设计后端架构设计编程开发功能登录注册前端后端选择机构前端后端首页前端后端个人信息页前端后端角色管理前端后端用户管理前端后端机构管理前端后端组织架构前端后端项目模块管理前端后端日报模块消息模块前端后端预览源码感谢可行性研究与计划作为企业的员工，相信很多小伙伴们每天上班的第一件事情，就是需要写工作日报，来向上级汇报今天的工作计划、上个工作日的工作完
蜗牛不会飞_·2024-01-14 20:47

Uncaught TypeError: Cannot read properties of undefined (reading ‘remove‘)

在Vue3中，你可能会遇到“UncaughtTypeError:Cannotreadpropertiesofundefined(reading'remove')”这样的错误，这通常是因为在组件销毁时，尝试访问已经被销毁的元素或事件监听器
花~海·2024-01-14 20:13

vue3滑块验证使用vue3-slide-verify，宽度自适应

vue3-slide-verify地址：https://gitee.com/monoplasty/vue3-slide-verify，使用方法gitee上面写得挺详细的，在这里增加点补充。
敲代码的77·2024-01-14 20:23

vue3-template的使用

在vue3里面template只有俩种情况使用1.根据某个状态渲染多个模板的v-ifv-else2.插槽的场景周杰伦退出登录请先登录免费注册我的订单会员中心帮助中心关于我们手机版
古迪红尘·2024-01-14 20:23

vue3-treeshaking

Vue3.0中Treeshaking特性？举例说明？
thewar196·2024-01-14 20:52

vue3学习-生命周期函数

选项式API组合式APIbeforeCreate/createdsetupbeforeMountonbeforeMountmountedonMountedbeforeUpdateonBeforeUpdateupdatedonUpdatedbeforeUnmountonBeforeUnmountunmountedonUnmounted//生命周期的使用//1.引入函数import{onMounted
是老虎是狮子不是大象·2024-01-14 20:50

vue3-provide和inject

1.作用场景：顶层组件向任意的底层组件传递数据和方法，实现跨层组件通信2.跨层传递普通数据1.顶层组件通过provide函数提供数据2.底层组件通过inject函数获取数据顶层组件//1.顶层组件提供数据provide('data-key','thisisroomdata')底层组件import{inject}from'vue';//2.接收数据constroomData=inject('data
是老虎是狮子不是大象·2024-01-14 20:50
上一页 37 38 39 40 41 42 43 44 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他