VUE2.x 第9页

vue 项目 SEO 解决方案 - 预渲染

文章目录1、创建vue2.x项目2、prerender-spa-plugin3、vue-meta-info4、流程5、注意我们都知道VUE、React这种框架写的项目都是js动态渲染的页面，这样就无法用爬虫拿到页面上的静态资源

三个木马人·2023-04-04 00:20

Vue2.x组件间通信汇总表

分享一篇以前做Vue2.x开发时总结的组件通信汇总一、组件间通信方式表序号方式使用场景演示代码说明1props父=>子(属性传参)√接收数据:子组件中props定义接收;派发数据:父组件中绑定数据进行派发

蚂蚁二娘·2023-04-03 18:44

Vue Cropper - 基于 Vue 开发的图片裁剪插件，简单好用、免费开源，支持 Vue2 和 Vue3

VueCropper插件的技术特性基于Vue开发，支持最新的Vue3.x，兼容Vue2.x支持Vite和TypeScr

那些免费的砖·2023-04-03 09:48

vue3学习笔记

main.jsApp.vueHelloWorld.vuebabel.config.jsjsconfig.jsonpackage.jsonvue.config.jsindex.html3.setup4.ref函数5.reactive函数6.Vue3.0中的响应式原理vue2

ps酷教程·2023-04-02 16:54

Vue：（三十六）Vue3.0第一弹

Vue2.x中的基础知识基本就告一段落了，接下来就快速的把Vue3.0中的相关改动内容过一遍。

空谷有来人·2023-04-02 07:18

vue3.0的组件怎么使用，有什么作用？

使用过Vue2.x的朋友一定对组件的属性非常熟悉，其实Vue3.0的属性用法和Vue2.x的差

a无聊·2023-04-02 00:32

脚手架搭建

下载vue/cli包命令行工具npmivue/cli-g2、vuecreatemytest//vue3.x的命令需要再安装一个vue/cli-servicevueinitwebpackmytest//vue2

Betterthanyougo·2023-04-01 12:11

VUE3对比VUE2的优势及新特性原理

1.Vue3.0新特性性能比Vue2.x快1.2~2倍原因1：diff方法优化：vue2中的虚拟dom是全量的对比（每个节点不论写死的还是动态的都会比较）vue3新增了静态标记（patchflag）与上次虚拟节点对比时

zxo_apple·2023-04-01 06:07

2022-12-20【技术】Vue2的12种组件通信(上)

Vue2.x组件通信方式Vue2.x组件通信共有12种props$emit/v-on.syncv-modelrefparentlistenersprovide/injectEventBusVuex$rootslot

平凡的雪夜冬天·2023-04-01 02:18

Vue3 新特性

类似ReactHooks2Treeshakingsupport支持摇树优化按需编译，体积更加轻量化3BetterTypeScriptsupport对Ts提供了更好的支持4Performance性能上比Vue2

橘子_果酱·2023-03-31 05:30

在vue-cli中使用threejs，并实现鼠标控制移动，以及点击交互效果

这里假设已经了解threejs中基本的三要素等基础知识如题，前戏不多，直接提枪上阵第一步：创建一个vue-cli项目按照vue-cli官网方式创建,这里话不多说，不需要过多设置，能运行起来就欧克（当然是vue2

风筝啊·2023-03-30 22:23

使用vue-cli3脚手架创建项目的系列报错

它是用“vuecreatexxx”创建项目但是在编译代码的时候莫名有特别多的报错信息，下面我来浅浅说一下我的解决方案vuecreatexxx创建项目我就是正常创建，可以看之前的这篇文章，只不过选择的是vue2

潮汐未见潮落·2023-03-30 21:33

Vue.set与this.$set源码

$set()应用的场景我的博客：https://blog.itwk.cc在Vue2.X项目开发中，有时候需要对数组进行修改，或是对对象新增一个属性，但是发现页面并不会同步更新。

爱写代码的小白.·2023-03-30 08:02

vue专题之webstorm创建vue2.x项目【二】

一、背景注意：本文是基于vue-cli2.x版本的项目创建3.x以上项目创建请看【点击访问】vue-cli版本更换/查询【点击访问】安装好vue的开发环境之后，可以用命令创建vue项目，也可以用开发软件创建，这里选webstorm。ps：vue开发环境搭建详见：vue专题之开发环境与项目搭建【一】下面开始创建项目二、新建项目点击webstorm菜单栏的file>new>project需要注意的是，

cy谭·2023-03-29 14:07

Vue3为什么要使用组合式API——Vue3的组合式API和Vue2的选项式API的优缺点

Vue2.x中的组件定义方式是通过一个对象来描述组件的选项

Modify_QmQ·2023-03-28 21:00

关于iphone手机 iframe中的页面滚动的时候会自动返回顶部BUG

应用场景：vue2.x项目，页面iframe嵌入外链，如嵌入https://qq.com，在ios12.1.12的safri中浏览，滚动iframe元素，当滚动动画结束后，出现自动返回顶部问题解决方法：

shawbs·2023-03-27 01:26

js实用技巧

diviner_杨·2023-03-26 13:52

【vue2.x】组件通信方法汇总

复苏森林·2023-03-24 07:48

【vue2.x】响应式依赖注入

响应式依赖注入在vue框架的设计中，依赖注入并不是响应式的。即使是有很多人包括我自己也希望它是。可以使用data()方法或者Vue.observable创建一个响应式对象，这样在使用依赖注入的时候也是响应式的。1.使用data()方法创建一个依赖注入的响应式对象exportdefault{provide(){return{reactive:this.reactive};},data(){retur

芳月存心·2023-03-23 21:59

vue自定义写一个全局的弹窗提示组件

框架我们用的是vue2.x。采用了elementUI的图标我们先上个效果图首先我们先把这个弹窗组件写出来。创建一个mobileTip.vue文件。

夕阳_醉了·2023-03-23 17:36

关于vue3的两种API写法——选项API和组合API

理解什么是选项API写法，什么是组合API写法OptionsAPI什么是选项API写法:OptionsAPI在vue2.x项目中使用的就是选项API写法代码风格：data选项写数据，methods选项写函数

黛琳ghz·2023-03-23 02:56

vue2.X引入Element-ui 动态主题切换

引入element-ui1.安装loader模块：cnpminstallstyle-loader-Dcnpminstallcss-loader-Dcnpminstallfile-loader-D2.安装Element-UI模块cnpminstallelement-ui--save3.安装工具进入项目文件夹，执行以下命令：npmielement-theme-g安装白垩主题npmielement-th

Sun____·2023-03-19 20:16

Vue.js 3.0 Composition APIs 及 3.0 原理剖析

Vue3.0与Vue2.0的区别源码组织方式发生变化CompositionAPI性能提升ViteCompositionAPI设计动机Vue2.x开发需要长期迭代的大型项目时，组件的开发采用的是OptionsAPIOptionsAPI

7fea7b53db82·2023-03-18 02:21

win10下cnpm安装node-sass失败

电脑新换了win10系统，重新安装node-v16全局安装了cnpm以前的vue2.x的项目使用的node-sass一直安装不成功，无耐只能按错误来下载安装python-2.7.15.amd64.msi

漫漫江雪·2023-03-18 02:20

【你了解vue的diff算法吗？说说看？】

1、vue引入diff算法的由来，是因为vue2.x中为了降低Watcher力度，每个组件只有一个Watcher与之对应，所以引入diff算法进行精确的找到发生变化的地方。

Clover‘s Blog·2023-03-17 20:59

关于vue的观察者模式的浅析

众所周知，vue2.x中的双向绑定是通过Object.defineproperty来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发响应的监听回调，其中的核心类发布者Dep和观察者

叫维特的少年·2023-03-15 18:27

【手撕源码】vue2.x中keep-alive源码解析

个人主页：不叫猫先生‍♂️作者简介：前端领域新星创作者、阿里云专家博主，专注于前端各领域技术，共同学习共同进步，一起加油呀！系列专栏：vue3从入门到精通、TypeScript从入门到实践资料领取：前端进阶资料以及文中源码可以找我免费领取前端学习交流：博主建立了一个前端交流群，汇集了各路大神，一起交流学习，期待你的加入！(文末有我wx或者私信)目录一、前世尘缘二、keep-alive内置组件1.缓

不叫猫先生·2023-03-15 14:26

vue3中vuex与pinia初识

众所周知的是vue2.x中状态管理工具用的是vuex，而vue3中也是可以使用vuex的，且用vuecli创建的vue3项目里面也是可选vuex是否安装的，或者项目初始化时不安装，如果有需要再进行安装使用

qq252750818·2023-03-15 13:42

Vue3.0（vite工具搭建项目）

vue3.0浅析前提vue2.X中很多内容被保存下来；vue3.0采用的是typescript进行重构的几大亮点1.performance：性能比vue2.X快了1.2~2倍。

前端小码农呀·2023-03-15 09:16

【vue3】子组件修改父组件传过来的props数据

1.修改父组件普通数据使用v-mode语法，代替了vue2.x的.sync修饰符父组件用ref()定义一个普通数据为响应式变量，例vartest=ref(‘parent’)父组件用v-mode将数据绑定到子组件上其实它是以下的简写

前端阿彬·2023-03-15 06:14

vue实现分页功能(BootStrap5.x + vue2.x)

0.前置知识SpringBoot基础Vue2.x尚硅谷Vue视频前三十集内容BootStrap会看文档，懂点英文1.需求实现注意第一页的前一页功能为disabled同理第四页的后一页功能为disabled

Ravi-Moonlight·2023-03-15 04:50

深入vue2.x源码系列:手写代码来模拟Vue2.x的响应式数据实现

前言Vue响应式原理由以下三个部分组成：数据劫持：Vue通过Object.defineProperty()方法对data中的每个属性进行拦截，当属性值发生变化时，会触发setter方法，通知依赖更新。发布-订阅模式：Vue使用发布-订阅模式来实现数据的响应式更新。当数据发生变化时，会通知依赖进行更新。依赖收集：Vue在渲染组件时，会对模板中使用到的数据进行依赖收集，将组件中使用到的数据和对应的Wa

嚣张农民·2023-03-15 02:38

解决elemnt-ui安装后运行报错的问题

新建了Vue2.x项目并引入element-ui后执行npmrundev发现编译报错找不到依赖：Thisdependencywasnotfound:element-ui/lib/theme-default

易冷zzz·2023-03-14 18:46

慕课网Vue知识进阶学习笔记

慕课网Vue知识进阶慕课网学习网址链接:3小时速成Vue2.x核心技术1.vue环境搭建慕课网链接：vue工具和nvm及cnpm下载讲解视频链接nvm：nodeversionmanager—node版本管理器下载和安装

果木山·2023-03-13 20:11

[个人开源]vue-code-view:一个在线编辑、实时预览的代码交互组件

组件简介vue-code-view是一个基于vue2.x、轻量级的代码交互组件，在网页中实时编辑运行代码、预览效果的代码交互组件。

Anduril·2023-03-13 19:22

vue2.x 项目 webpack升级vite避坑总结

前言目前一个用webpack构建的vue2.X项目由于业务扩展越来越大，导致项目在本地编译时热更新很慢，页面更新需要10几秒以上。

Lilio1216·2023-03-13 16:02

学习vue-element-admin引入svg图标

一、vue2.x中使用svg图标的相关配置1.扩展svg-sprite-loader加载器安装依赖：npminstallsvg-sprite-loader在webpack.base.conf配置文件mudule.rules

Lilio1216·2023-03-13 16:32

1.vue3.0优化

vue3.01.vue3.0六大特点-Perfprmace:性能比Vue2.x快1.2~2倍-Treeshakingsupport:按需编译，体积比vue2.x更小-CompositionAPI:组合API

杜维爸爸·2023-03-13 01:31

Vue 手势支持 vue-touch

插件源码和教程：https://github.com/vuejs/vue-touch安装：vue2.x不再支持，vue3安装方法·[email protected]·错误找不到路径重新启动服务错误

Zszen·2023-03-12 15:47

vue2.x学习笔记

一个Vue应用由一个通过newVue创建的根Vue实例，以及可选的嵌套的、可复用的组件树组成。所有的Vue组件都是Vue实例，并且接受相同的选项对象(一些根实例特有的选项除外)。指令：职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM以下是某些vue和angular指令的对比：指令带有前缀v-，以表示它们是Vue提供的特殊attribute。v-bind:title=|[titl

w_tiger·2023-03-11 21:39

2021 前端 VUE 面试题总汇

文章目录1、vue的生命周期2、Vue2.x双向绑定原理3、Vue3.x响应式原理4、v-for为什么要加上key5、Vdom的理解6、vuex的结构，以及actiion和mutation的区别7、axios

三个木马人·2023-03-10 11:39

vue3之生命周期函数

vue3的生命周期函数跟vue2.x版本有了很大的不同,在vue3中移除了beforeCreate和created,增加了setup函数

魔幻星辰·2023-03-10 04:27

使用Vue-Router 2实现路由功能

注意：vue-router2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router2实现路由功能。推荐使用npm安装。

素时年锦·2023-03-10 00:38

Vue3的7种和Vue2的12种组件通信，值得收藏

本文原文首发掘金：https://juejin.cn/post/6999687348120190983如有不对的或者遗漏的，欢迎指正，你的一赞一评都是我前行最大的动力，感谢Vue2.x组件通信12种方式写在后面了

IT沐华·2023-03-09 22:58

聊一聊 Vue3 中响应式原理

相比于Vue2.x，Vue3.0在新的版本中提供了更好的性能、更小的捆绑包体积、更好的TypeScript集成、用于处理大规模用例的新API。

Cryptic·2023-03-09 21:11

前端使用hls方式播放h265(HEVC)格式的.ts在线文件，附vue2.x封装h265web.js代码，附github项目地址

接上一篇h265web.js同时播放多个视频，修改官方example中player.js并重新编译,这里使用vue2.x封装最新版本h265web.jsv20220916tag【注意:后面有新版本了，tagv20220916

阿巳交不起水电费·2023-03-09 19:39

Vue的生命周期和钩子函数（一）——数据初始化

本篇博文基于Vue2.X，3.0的一些特殊机制和语法暂不做考虑。阅读全篇时间约12分钟，仅了解钩子函数使用及使用场景，需约4分钟。正文我们都知道，创建一个Vue实例，需要通过newVue()来实现。

枸杞加上·2023-02-24 16:14

Vue3以及element-plus最新版，国际化，多语言，高度封装。按模块区分语言文件，适应大型项目。减少冲突。

如果大家看到的中文版本应该是适用vue2.x的版本。vue3+以上的vue-i18n文档vue3+以上的使用方式改变了。可能是为了跟vue3保持一致

默默无闻的小人物·2023-02-18 23:13

vue2.x使用递归组件渲染树形数据结构

概念：递归组件，顾名思义，就是自己的内部实现又调用自己的组件。比如Vue官方给的treeView的例子，父目录下有子目录，子目录下还有子目录，子子孙孙，无穷尽也。就像俄罗斯套娃。应用场景：贴吧评论，多级回复；朋友圈评论，多级回复。看图比较好理解，如下图：image.png待更新。。。

风中凌乱的男子·2023-02-17 18:57

vue3 + vite实现异步组件和路由懒加载

但是在Vue3.x中异步组件的使用与Vue2.x完全不同了。本文就详细讲讲vue3中异步组件和路由懒加载的实现。

天問_专注于大前端技术·2023-02-17 02:08

推荐频道

VUE2.x