vue2 vue3

最新推荐文章于 2025-12-15 06:58:03 发布

原创最新推荐文章于 2025-12-15 06:58:03 发布 · 155 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

基础学习专栏收录该内容

7 篇文章

订阅专栏

自定义指令

<input type="text" v-focus />

  directives: {
    focus: {
      inserted: function (el) {
        el.focus();
      },
    },
  },

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

像我这样优秀的人~

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue：vue-router按需加载 component: () =＞ import() 出现错误（vue2 vue3使用路由component: () =＞import (‘ ‘)加载报错解决办法）

高级前端工程师

08-16

3657

解决vue-router按需加载component: () => import()报错问题，vue-router 按需加载 component: () => import() 报错的解决，解决vue路由动态加载报错，vue-router 按需加载 component: () = import() 报错的解决，VUE异步组件-处理加载状态在路由组件中使用无效，解决vue的router组件component在import时不能使用变量问题，vue路径component使用import的方式来写，Vue 动态组件

Vue2 环境下安装Vue3 ，同一台电脑同时安装vue2 和vue3

热门推荐

weixin_41346436的博客

12-16

1万+

目前大多数老的项目还是以vue2.0版本为主，在vue3的环境下vue2的项目又不能运行，因此Vue2 和Vue3两个版本同时存在显得尤为重要，本博客为转发博客，非常详细博客1：https://blog.csdn.net/Jioho_chen/article/details/90455778 博客2：https://blog.csdn.net/lb1135909273/article/details/100132670

1 条评论您还未登录，请先登录后发表或查看评论

Vue 自定义指令自动获取焦点

laoli360的博客

09-29

1514

除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。 v-xxx html+css的复用的主要形式是组件你需要对普通 DOM 元素进A行底层操作，这时候就会用到自定义指令 App.vue内准备内容 <template> <div>  <input type="text" v-focus>

vue2和vue3的区别

aliyun3的博客

04-19

9954

1. vue2和vue3双向数据绑定原理发生了改变 vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持结合发布订阅模式的方式来实现的。 vue3 中使用了 es6 的 ProxyAPI 对数据代理。相比于vue2.x，使用proxy的优势如下 defineProperty只能监听某个属性，不能对全对象监听可以省去for in、闭包等内容来提升效率（直接绑定整个对象即可）可以监听数组，不用再去单独的对数组做特异性操作 vue

Vue2 和 Vue3 区别 — 源码深度解析

我是二川兄，对Web开发、GIS开发、3D模型、机器学习、面试技巧等方面都有一些涉猎~ 欢迎您加入技术交流圈！你可以在我的文章末尾找到我~

09-13

8500

Vue2 和 Vue3 区别 — 源码深度解析

最新23道vue2+vue3面试题带答案汇总

肥晨开发的学习之路

06-07

6472

Vue Router是Vue.js的官方路由管理器。它和Vue.js深度集成，使得构建单页面应用变得易如反掌。Vue Router通过映射URL到组件，使得用户可以导航到不同的视图，而不需要重新加载页面。它监听浏览器的地址变化，并根据路由配置加载对应的组件。

Vue3+与Vue2共存

书山有路

05-04

9978

目前大多数新项目都会采用Vue3+进行开发，然而在公司还需要维护一些之前使用老旧版本Vue2开发的项目，此时则需要我们在电脑上安装vue2与vue3+了。 1、先来说说npm安装命令的参数-g -g参数可以将js包进行全局安装，即安装到当前用户目录下比如使用命令 npm install -g @vue/cli 即可以安装最新版本vue到用户目录下，使用where vue 可以查看全局vue所在...

vue2和vue3生命周期对比

DOM曼珠沙华的博客

08-18

3508

下面的是vue2和3的生命周期对比， vue2生命周期 vue3生命周期与 2.x 版本生命周期相对应的组合式 API beforeCreate-> 使用setup() created-> 使用setup() beforeMount->onBeforeMount mounted->onMounted beforeUp...

Vue2 之过滤器

用心创作每一篇文章

11-05

4773

不建议把过滤器功能做的很复杂，这违背了过滤器的设计初衷,比如：Vue.filter(‘format’, function (value, …params) {…过滤器函数总是接收表达式的值作为第一个参数，过滤器本质上是一个 JS 函数，自然可以接收多个参数。v-bind 表达式：v-bind:href=“变量 | 过滤器”双花括号：{{ 变量 | 过滤器 }}过滤器本质上是一个函数，与自定义指令类似。实例：为表达式的值添加前后缀的过滤器。首字母转换为大写字母的全局过滤器。

vue3 监听路由参数

hfhwfw161226的博客

07-13

8817

vue3 监听路由参数

Vue2引入BootstrapVue

豪先生的博客

04-12

3667

Bootstrap官网:Bootstrap中文网 (bootcss.com) BootstrapVue官网:BootstrapVue-基于VueJS的Bootstrap框架 · 全球最流行的 HTML、CSS 和 JS 工具库。 (z01.com) 1、安装(vuecli3安装BootstrapVue) npm install bootstrap-vue 2、引入 (1)在main.js里面添加下面代码 import BootstrapVue from 'bootstrap-vue' i..

vue2项目升级到vue3

fly_vip的博客

02-02

4012

vue2项目升级到vue3

从 Vue 2 到 Vue 3：全面升级指南

唯见青山不见君

10-24

2195

从 Vue 2 到 Vue 3：全面升级指南

vue安装与配置以及vue2和vue3共存

weixin_54763080的博客

03-22

4371

此外，在webpack 4x以上，webpack将命令相关的内容都放到了webpack-cli，所以还需要安装webpack-cli。安装后进入node_modules下的.bin目录，进入后将原来的vue和vue.cmd重命名，如下所示。具体步骤跟安装vue3的脚手架类似，但是安装脚手架的命令不一样，vue2的命令如下。2.点击系统变量下面的新建，新建环境变量，变量值为自己新建的node_cache。点击系统变量中的path，点击右侧新建名称为%NODE_PATH%，然后一路确定。

Vue 2 vs Vue 3：v-if 和 v-for 的差异

weixin_52648900的博客

08-27

2181

详细说明 vue2 和 vue3 中关于 v-if 和 v-for 的异同和常见面试题

商城后台管理系统 02 添加规格参数-动态表单

最新发布

weixin_52943021的博客

12-15

171

Boolean。

DevUI组件库实战：从入门到企业级应用的深度探索，如何快速应用各种组件

2401_86031952的博客

12-11

957

DevUI是华为开源的企业级Angular前端解决方案，提供丰富的UI组件和工程化工具。其表单布局示例展示了垂直表单的实现，包含用户名、密码等字段的实时验证、异步查重及密码一致性检查功能。通过响应式布局和国际化支持，DevUI简化了企业级应用开发，确保高可定制性和一致性设计。

第十篇：Day28-30 工程化优化与部署——从“能跑”到“好用”（对标职场“项目上线”需求）

2402_87628679的博客

12-11

957

gzip on;性能优化：掌握Vite的资源压缩、Tree Shaking、代码分割配置，能实现路由/组件懒加载、虚拟滚动等渲染优化，理解gzip/br压缩的原理和后端配置；兼容性处理：能通过`@vitejs/plugin-legacy`和autoprefixer适配低版本浏览器，理解`browserslist`的作用，知道Vue 3的兼容性限制；多环境配置：能创建多环境变量文件，在项目中使用`import.meta.env`访问环境变量，区分开发/测试/生产环境的配置；项目部署。

第十一篇：Day31-33 前端安全与性能监控——从“能用”到“安全可靠”（对标职场“系统稳定性”需求）

2402_87628679的博客

12-11

1235

对于小型项目或特定业务场景，可通过自定义埋点实现核心指标监控，无需接入复杂工具。// src/utils/monitor.js（自定义监控工具） import axios from 'axios';// 监控数据上报接口（后端提供） const MONITOR_UPLOAD_URL = '/api/monitor/upload';