vue3.x

Vue相关踩坑之路

2.v-if与v-for区别在vue3.x中，v-if的优先级大于v-for，这意味着v-if将没有权限访问v-for里的变量。这将抛出一个错误，因为v-if指令将首先被使用，而迭代的变量user此
wangdianshui·2023-10-17 14:38

[ant-design-vue] table组件列宽拖拽功能

[ant-design-vue]table组件列宽拖拽功能vue2.x拖动table组件列宽功能环境信息相关代码vue3.x拖动table组件列宽功能环境信息相关代码vue2.x拖动table组件列宽功能环境信息
三知之灵·2023-10-16 19:08

2021-6面试

v-for的优先级那个更高，应该怎么优化提升性能1、在vue2.x中v-for的优先级高2、可以将v-if写到v-for的外面，也可以将数据在computed计算属性中进行过滤，在循环计算方法就可以了3、在vue3
焚心123·2023-10-16 07:08

Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架【值得收藏】

这篇文章就来帮助大家如何快速使用vue3.x，typeScript，vite搭建一套企业级的开发脚手架??。废话不多说，直接上手开搞??
rgrgrwfe·2023-10-15 23:44

vscode创建代码片段——以vue3.x模板为例

在vue中，需要创建vue文件时，我们通常需要自己手动输入如下模板exportdefault{};虽然花不了很多时间，但仍会比较繁琐，所以考虑创建一个快捷模板，可以快速生成vue模板操作步骤如下：打开vscode，文件—首选项—配置用户代码片段—新建全局代码片段文件—对代码片段命名—修改snippets内容其中prefix为代码片段快捷指令，body内容为默认的代码片段我修改后的模板代码为"Pri
前端小白在写bug·2023-10-14 11:52

vue3.x搭配el-tree搜索问题（包含el-tree内置搜索、接口搜索以及把搜索到的值进行高亮）

在日常项目中，常常会遇到对el-tree进行关键字搜索的问题，我们先看一下el-tree提供的内置搜索：适用于我们已经把数据全部获取到的场景。调用Tree实例的filter方法，参数为关键字。需要注意的是，此时需要设置filter-node-method，值为过滤函数。我们看一下接口搜索：因为el-tree懒加载不适用于接口搜索的场景，所以我的思想是可以在搜索时候把el-tree的懒加载去掉，给e
绝命天涯 几许风雨·2023-10-14 08:08

最全Vue开发小技巧

Vue开发小技巧Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了36个vue开发技巧;后续Vue3.x出来后持续更新.1.require.context()1.场景:如页面需要导入多个组件
ScreenshotOfCode·2023-10-12 15:21

第十五讲、Vue3.x中全局绑定属性、使用Axios和fetchJsonp请求真实api接口数据、函数防抖实现百度搜索

一、Vue3.x中使用Axios请求远程真实Api接口数据https://github.com/axios/axios1、安装npminstallaxios--save或者yarnaddaxios或者cnpminstallaxios
我爱张智容·2023-10-10 13:34

Vue3+vite，vue3基本使用文档

文章目录1.vite2.创建vue3.x项目2.1使用vite创建的项目2.2使用vue-cli创建vue3.x项目3.vue3.x基本使用3.1响应式基础3.1.1reactive()方法3.1.2ref
Liux-·2023-10-10 00:49

vue面试题

Vue数据双向绑定原理Vue的响应式原理Vue3.x响应式数据原理Vue3.0里为什么要用ProxyAPI替代definePropertyAPI？
喝1口汤·2023-10-08 14:24

Vue3.X笔记总结

Vue3.X笔记总结一、Vue3.X与Vue2.X区别1.全局组件的区别vue2.X使用newVue创建Appvue3.X使用createApp创建Appimport{createApp}from'vue'constapp
望穿先生L·2023-10-07 16:22

vue3项目中mitt的使用

Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用mitt.js。比起Vue实例上的EventBus，mitt.js好在哪里呢？
暗月Moon·2023-10-05 14:46

vue2与vue3 v-model的区别

目录Vue2中的v-model默认使用自定义使用修饰符.sync(Vue2)Vue3.x使用v-modelvue3的v-model使用原理多个v-model使用总结Vue2中的v-model在Vue2中
前端 贾公子·2023-10-03 02:12

Vue3.0——常用的Composition API（监听属性、生命周期、Teleport、属性、自定义事件、状态驱动的动态 CSS、注册组件、uspense、 isRef等）

目录一、常用的CompositionAPI（组合API）7.监听属性8.Vue3生命周期1)什么是生命周期2)Vue2.x中的生命周期3)Vue3.x的生命周期4）vue3新增的生命周期钩子9.Teleport10
爱喝牛奶~·2023-10-01 01:54

【超详细】前段开发之详细的Vue3入门教程，特别适合小白系统学习，入门到熟练使用Vue看这一篇就够了！

11.2Vue3声明：图片资源来自于黑马程序员公开学习资料本人在学习当中，详细整理了笔记，供大家参考学习11.2.1vite的基本使用1-1创建vite项目按照顺序执行如下的命令，即可基于vite创建vue3
ANii_Aini·2023-09-29 23:55

Day-01 从 0 开始搭建一套规范的 Vue3.x 项目工程环境

一、架构搭建请确保你的电脑上成功安装Node.js，本项目使用Vite构建工具！查看Node.js版本：ps：需要注意的是vite需要你的node的版本在12以上node-v//v16.20.1建议将Node.js升级到最新的稳定版本：#使用nvm安装最新稳定版Node.jsnvminstallstable二、使用Vite快速初始化项目雏形//1.全局安装create-vite-app工具:npm
凉生阿新·2023-09-28 07:12

Day-02 从 0 开始搭建一套规范的 Vue3.x 项目工程环境

如上图，表示Vite+Vue3+TypeScript简单的项目骨架搭建完毕，下面我们来为这个项目集成VueRouter、pinia、PlusViewUiPlus、Axios、Dayjs、Stylus/Sass/Less、Commitizen。三、修改Vite配置文件Vite配置文件vite.config.ts位于根目录下，项目启动时会自动读取。本项目先做一些简单配置:例如：设置@指向src目录、服
凉生阿新·2023-09-28 07:42

Day-03 从 0 开始搭建一套规范的 Vue3.x 项目工程环境

六、集成路由工具VueRouter1.安装依赖支持Vue3的路由工具vue-router@4npmivue-router@4//或者执行安装最新开发版本(nightlybuild)npmivue-router@next 2.创建src/router/index.ts文件在src下创建router目录，然后在router目录里新建index.ts文件：└──src/├──router/├──inde
凉生阿新·2023-09-28 07:42

Day-04 从 0 开始搭建一套规范的 Vue3.x 项目工程环境

九、集成UI框架ElementPlus1.安装npminstallview-ui-plus--save2.按需引用借助插件babel-plugin-import可以实现按需加载组件，减少文件体积。首先安装，并在文件.babelrc或者在webpackbabel-loader中配置：npminstallbabel-plugin-import--save-dev//.babelrcorbabel-lo
凉生阿新·2023-09-28 07:09

swiper添加动画效果，vue3.x+vite+swiper 6.x以上

用vue3.x开发一个门户网站，动效有点多，浅谈一下其中走过的弯路吧；用到的插件框架用的“vue”:“^3.2.25”,构建工具“vite”:“^2.9.5”,轮播“swiper”:“^8.1.4”，动画组件
前端菜鸟啊辉·2023-09-27 05:27

Vue2/Vue3中的代码逻辑复用对比（mixins、自定义hook）

前言mixins是Vue2.xOptionsAPI中常用的代码逻辑抽离手段，在Vue3.x中也同样可以使用。
青阳zi·2023-09-25 04:17

如何基于 vue3.x 编写自己的 hook

什么是hooks函数式编程在前端开发中越来越流行，尤其是在现代前端框架Vue3.x和React16+中。它的优点包括代码可读性、可维护性、可测试性和复用性。
·2023-09-22 22:23

vue3.x + vite4.x + pinia + ts(x) 等诸多前沿框架开发的中后台模板

特性最新技术栈：使用Vue3.x/vite4.x等前端前沿技术开发TypeScript：应用程序级JavaScript的语言主题：可配置的主题国际化：内置完善的国际化方案Mock数据：内置Mock数据方案权限
·2023-09-22 18:43

vue3.x + vite4.x + pinia + ts(x) 等诸多前沿框架开发的中后台模板

特性最新技术栈：使用Vue3.x/vite4.x等前端前沿技术开发TypeScript：应用程序级JavaScript的语言主题：可配置的主题国际化：内置完善的国际化方案Mock数据：内置Mock数据方案权限
·2023-09-22 17:38

优雅使用 vue3.x + lodash 在项目中管理、封装指令

vue3.xdirectivesvue指令是一种特殊的vue.js特性，用于在DOM元素上添加特定的行为或功能。指令通过在元素上使用特定的指令名称和参数来实现，可以用于操作DOM、响应事件、绑定数据等。今天简述一下如何在项目中优雅的管理、封装一些常用的指令。后面代码基本上会逐行进行注释，以便于大家阅读。管理指令统一管理统一包管理：通过创建directives文件夹，我们可以将所有与指令相关的文件集
·2023-09-22 17:07

vue2 provide/inject watch 监控inject中值变化

这是Vue2.x的设计，与Vue3.x中的provide和inject不同，Vue3.x中的inject提供的值是响应式的，可以直接被watch监控到。
冰雪为融·2023-09-22 08:22

axios在vue3.x中的基础入门使用

1.axios在vue3.x中的基础入门使用在不涉及使用axios进行请求拦截以及响应拦截的场景下，axios的使用可以简化为以下步骤。
进阶的CC·2023-09-17 11:00

移动端和桌面端的前端预览pdf文件实现办法

前端实现预览pdf文件前期调研可以实现pdf文件预览的方式有PDFObjectvue-pdfPDF.jspdfh5需求：在移动端和桌面端，以及vue3.x中实现预览pdf文件前四种方案，均在移动端有问题
Lee 酱·2023-09-15 07:18

如何在Vue2.X/Vue3.X项目引入jQuery，以及增加jQuery.easing扩展？让你的动画效果更加丝滑！

前言还记得在2015左右，网页开发依然是jQuery的天下，虽然Vue、React开始盛行，以及后面Angular也开始抢占市场，但是jQuery在市场上依然占有较大的比重。当时的html页面大多是用jQuery来写的，为jQuery设计的插件也是相当丰富的。比如，使用jquery.js结合jquery.easing.js来实现动画效果就挺方便的。之所以使用jquery.easing.js扩展库，
帅龍之龍·2023-09-15 05:33

Vue3.x

一.项目搭建及自定义脚手架模板二.添加插件vueaddeg:vueaddvuetify2.x版本是使用npminstallaxios来安装，如果安装队当前脚手架页面结构有太多影响时，仍可用npminstall。但如果是要安装vuetify这种UI库的话，会对页面结构有较大影响的，要用新版的vueadd三.全局环境变量的使用建立.env文件，在里面定义所需的环境变量VUE_APP_是固定的.env.
祝名·2023-09-11 22:44

基于vue3的bootstrap ui组件库出炉啦

介绍bts-vue是一个基于vue3.x和BootstrapUI4.x的Vue组件库！它在BootstrapUI的基础上进行增强改进，使得bts-vue比原始bootstrapui更美观，体验友好。
·2023-09-08 00:15

vue-treeselect(适配Vue3.2)及Element-plus的TreeSelect组件

文章目录一、vue-treeselect的使用1、版本问题：1.1、vue2使用的版本1.2、vue3.x使用的版本2、安装vue3-treeselect，vue3的版本3、使用vue3-treeselect4
迷小圈·2023-09-07 19:55

npm run serve与npm run dev的区别

一般在vue3.x的时候用npmrunserve,vue2.x项目运行的时候用到npmrundev，dev是vuecli2的默认执行命令，serve是vuecli4的默认执行命令例:在我们运行一些vue
几两春秋梦_·2023-09-05 06:28

vue3的hooks与vue2的mixins区别

前言mixins是Vue2.xOptionsAPI中常用的代码逻辑抽离手段，在Vue3.x中也同样可以使用。
不再犹豫_c61b·2023-09-05 03:51

第18-20讲、Vue3.x Composition API 详解

一、CompositionAPI的简单介绍CompositionAPI也叫组合式API，是Vue3.x的新特性。通过创建Vue组件，我们可以将接口的可重复部分及其功能提取到可重用的代码段中。
我爱张智容·2023-09-03 23:31

Vue3.x配合Antv使用

准备工作安装vue-cli,由于cli版本更新较快，本文采用vue-cli3.x版本因此安装命令如下：yarnglobaladdvue-cli@3Tip:安装完后检查版本vue-V如环境报错，需要在环境变量中path中添加vue.cmd的路径，如C:\Users\haha\AppData\Local\Yarn\bin创建项目文件夹并进入vuecreateantv-democdantv-demo安装
淡淡紫色·2023-09-02 00:49

Vue3.X 路由与导航栏、侧边栏（四）

我们接着上一节的Vue3.x生命周期（三）的说明，我们这一节讲解了项目中路由的配置与导航栏、侧边栏的关系。一、路由配置vue项目中路由配置有一个固有文件夹，可以配置路由，这样的优点使项目更加清晰明了。
花开花落与云卷云舒·2023-09-01 05:31

Vue3.X 掌握基础知识（二）

接着上一篇Vue3.X创建简单项目（一），我们接着往下了解Vue的一些简单的功能。一、HomeView.vue的改写复习这里我们介绍数据的绑定、判断、for循环等功能。
花开花落与云卷云舒·2023-09-01 05:01

Vue3.X 生命周期（三）

接着上一节的Vue3.X掌握基础知识（二）的说明，这一节说明了vue的生命周期。一、生命周期这一节讲解了vue3.X的生命周期数据的渲染前与渲染后的区别。
花开花落与云卷云舒·2023-09-01 05:30

Vue中使用TypeScript

vue-property-decorator组件的使用Tip:这篇文章是我用到了typescript后写的，因为刚接触没多久，写得不好多多海涵，栗子用了另外一位作者的，在此表示感谢，vue3.x开始会慢慢向
我小时候很可爱·2023-09-01 04:59

第一章、搭建Vue3.x环境、创建运行Vue3.x项目、分析Vue目录结构

目前最新版本是Vue3.x。Vue3.x发布于2020年9月19日，在Vue2.x的基础上面进行了一些优化，对TypeScript有更好的支持。Vue3.x的语法和Vue2.
我爱张智容·2023-08-28 06:25

Vue3.0 新特性以及使用变更总结

那Vue3.x中就可以
xsqsharp·2023-08-27 10:52

Nginx开启Gzip优化网页访问速度

所有前端皆可开启gzip优化如果是Vue项目可以直接打包出来gz文件，这样可以省去nginx动态压缩占用的cpuNginx1.16.x--with-http_gzip_static_module模块[可选]Vue3
grey_sky·2023-08-27 03:53

Vue3+Spring Boot前后端分离开发

前言之前本人在学习Vue3.x与SpringBoot整合时，遇到了诸如跨域、使用axios报错等问题，在成功解决后，总结了一些经验，于是将如何从零开始搭建Vue3.x+SpringBoot前后端分离项目写成文章
zjojk·2023-08-26 07:58

vue3.X 遇到TypeError: Cannot read property ‘parseComponent‘ of undefined解决方法

运行如下代码：npmi@vue/compiler-sfc@latestnpmivue-loader@next
王小王和他的小伙伴·2023-08-25 08:04

Vite中使用Ant Design Vue3.x框架

1.全局引入安装ant-design-vuenpmi--saveant-design-vuemain.js引入import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router/index'importAntdfrom'ant-design-vue';import'ant-design-vue/dist/antd.
大白o·2023-08-24 15:30

WebStorm 中 VUE 设置 alias.config.js 别名后，点击 @/utils/request @/router/ 时不能跳转到指定文件

2021-11-11更新：实测在vue2.x与vue3.x环境中这种方法都可用，昨天晚上刚开始尝试vue3，香不香目前还没感受到，但是Vite感觉还是
Roc.Chang·2023-08-22 05:29

封装vue2局部组件都要注意什么

template节点中template中使用的指令{{msg}}0.5">NowyouseemeNowyoudon'ttemplate定义根节点注：vue2.x版本中，节点内dom结构仅支持单个根节点；但在vue3
朝阳若蓝·2023-08-13 14:27

第十四讲、Vue3.x中组件的生命周期函数（lifecycle）、 this.$nextTick、动态组件 keep-alive、Vue实现Tab切换

一、Vue3.x中组件的生命周期函数lifecycle.pngbeforeCreate：在实例初始化之后，数据观测(dataobserver)和event/watcher事件配置之前被调用。
我爱张智容·2023-08-12 06:17

Vue2：组件高级（上）

Vue2：组件高级（上）Date:May20,2023Sum:组件样式冲突、data函数、组件通信、props、组件生命周期、vue3.x中全局配置axios目标：能够掌握watch侦听器的基本使用能够知道
CaptainDrake·2023-08-10 03:13
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他