vue2源码学习第18页

vue初体验(一)

最近接手了一个后台数据管理系统，用的vue2.0，粗略谈一下感受。第一次接触vue，先在官网看教程和api，大概了解是个什么东东，心里大概有点底了，还是撸helloworld吧。

winterzy·2024-01-19 06:27

医院安全(不良)事件管理系统源码，PHP语言开发

技术架构：前后端分离，仓储模式开发语言：PHP开发工具：vscode前端框架：vue2+element后端框架：laravel8数据库：mysql5.7当前医院不良事件报告现状及困难l医院医患

淘源之家·2024-01-19 06:06

Vue2脚手架搭建+项目基础依赖安装

文章目录1.安装node.js2.安装vue-cli脚手架3.创建vue2项目4.安装基础依赖1.安装node.js可以参考这篇文章https://blog.csdn.net/weixin_43721000

什么都干的派森·2024-01-19 01:34

vue2中echarts的使用

在main.js中导入文件import*asechartsfrom'echarts';创建一个名为$echarts的全局变量Vue.prototype.$echarts=echarts模板exportdefault{name:'demo',mounted(){this.renderBarChart();},methods:{renderBarChart(){//获取柱状图容器constchartC

娃哈哈哈哈呀·2024-01-19 01:47

vue3 知识

vue3介绍Vue3的变化:1、vue3完全兼容vue2，但是vue3不建议用vue2的写法2、拥抱TypeScript，ts完全兼容js3、组合式API和配置项APIvue2是配置项apivue3组合式

糖果爱上我·2024-01-19 00:59

Vue3/Vue2实现文章内容中多个“关键词“标记高亮显示

一、实现效果下拉列表高亮展示关键词二、实现思路安装“vue-word-highlighter”，这是一个支持Vue3和Vue2，不过Vue2版本是通过vue-demi构建的三、案例代码package.json"vue-word-highlighter

在路上`·2024-01-18 23:37

vue2页面内跳转

vue2页面跳转问题相信大家在做一个系统的前端界面的时候，难免会遇到一些令人头疼的问题，比如页面的跳转。

迷失、淡忘、沉默·2024-01-18 20:52

vue3前端开发,生命周期函数的基础练习

下面先给大家看一个图片，帮助大家了解，vue3的生命周期函数，和旧版本vue2的生命周期函数，有什么变化。如图所示，vue3里面，把前面2个函数，混在了语法糖里面。我们只需要写一个setup就行了。

yrldjsbk·2024-01-18 20:37

vue2+webpack升级vue3+vite，报错Cannot read properties of null (reading ‘isCE‘)

正文开始前言问题分析解决总结前言系列文章：vue2+webpack升级vue3+vite，修改插件兼容性bug前面的文章主要是介绍，在升级初始阶段遇到的一些显而易见的兼容性问题和bug。

中二少年学编程·2024-01-18 20:03

15分钟学会Pinia

它也支持Vue2也支持devtools，当然它也是类型安全的，支持TypeScriptWhyshouldIusePin

聪明的竹子·2024-01-18 20:49

web蓝桥杯真题--4、购物车

本题需要在已提供的基础项目中，使用Vue2.x的知识，解决购物车商品管理过程中遇到的问题。

畏迁c·2024-01-18 19:52

java.io 源码学习01 Serializable接口

1序列化描述：Java的对象序列化将那些实现了Serializable接口的对象转换成一个字节序列，并能够在以后将这个字节序列完全恢复为原来的对象。这一过程甚至可通过网络进行，自动弥补不同操作系统之间的差异2.两种主要特性：一是Java的远程方法调用RMI，使存活于其他计算机上的对象使用起来就像是存活于本机一样。二是对JavaBeans来说，对象的序列化也是必需的，使用一个Bean时，在设计阶段对

路痴初心·2024-01-18 19:43

高德地图开发+html2canvas地图截图--vue2

前言vue2保姆级的高德地图开发步骤，从npm引入到地图截图全过程，没有讲解，直接跟着cv就完事准备工作高德地图开发者注册官网网址：https://lbs.amap.com/因为我已经创建好了，而且这一步如果在公司

zzzbbb_·2024-01-18 16:56

Vue3 + vue-web-screen-shot 前端实现页面截图64编码转图片文件上传

(由于插件是Vue3编写的，所以只适用于Vue3的项目，如果是Vue2的项目，截图组件可以使用js-web-screen-shot)需要实现的效果如下：点击截图后弹窗消失，用户可随意在页面中截图等操作确认后在弹窗中显示截图列表

PinkM∞n7·2024-01-18 16:54

vue的html2canvas使用解读，完美避免可能会造成的问题

html2canvas插件我相信很多人都用过，在使用的时候有很多坑，文章最后我会附上完整的vue3版本的代码（其实跟vue2代码差别很小，改一改就能拿去用）关于vue把页面转换成图片导出（html2canvas

JianZhen✓·2024-01-18 16:19

vue2 -- 截图工具html2canvas

文章目录需求描述基础功能实现下载另存为本地图片功能需求描述可以将网页中的指定元素或整个页面截取为图片，以便保存或分享。基础功能实现在Vue中使用html2canvas实现1：安装html2canvas库。你可以使用npm安装，命令如下：npminstallhtml2canvas2：在需要使用html2canvas的Vue组件中，引入html2canvas库：importhtml2canvasfro

Kingsaj·2024-01-18 16:18

移动端vue2使用vue-pdf当前页面预览(优化为滑动翻页)

1.基于上次的优化处理,移动端进行点击翻页,感觉很怪,于是继续进行优化,改为滑动翻页2.使用:vue2-touch-events插件###main.js引入并注册importVue2TouchEventsfrom"vue2

 勿忘初心·2024-01-18 16:13

前端——框架——Vue

提示：本文只是从宏观角度简要地梳理一遍vue3，不至于说学得乱七八糟、一头雾水、不知南北，如果要上手写代码、撸细节，可以根据文中的关键词去查找资料简问简答：vue.js是指vue3还是vue2？

戏拈秃笔·2024-01-18 16:54

vue2上传图片image-conversion压缩

项目中涉及上传图片，如果大体积的一般都需要压缩，这里我使用image-conversion来压缩其实在npm中使用已经说得很明白了，我这里记录一下跟elementui上传组件配合使用1、安装image-conversionnpmiimage-conversion--save2、引入使用2.1、这里配合elementui的上传组件配合使用点击上传只能上传jpg/jpeg/png文件，且不超过30Mb

前端搬砖达人·2024-01-18 16:15

通过实现最简reactive，学习Vue3响应式核心

首先我们需要明白，Vue3与Vue2中响应式核心的不同，最最明显的区别就是：在v2中响应式处理采用Obj

S_G.·2024-01-18 15:10

VUE2+vuecli2+Element UI+ECharts项目demo

文章目录一、项目初始化初始化安装初始化项目运行项目自动打开浏览器修改路由模式hash改为history二、ElementUI配置全局安装在main.js中导入并使用三、在项目中使用CSS预处理器scss1.安装2.使用在.vue文件中的style标签里加上lang='scss'既可使用scss语法3.在build文件夹下的webpack.base.conf.js的module下rules里面添加配

_七七·2024-01-18 15:22

能说说跟vue2的区别吗？

一、Vue3介绍关于vue3的重构背景，尤大是这样说的：「Vue新版本的理念成型于2018年末，当时Vue2的代码库已经有两岁半了。

蓝斑.json (前端)·2024-01-18 14:51

VUE 中的 v-for 和 v-if 是否可以共存

1、面试经提到这个问题，很多人肯定会脱口而出：1.Vue2中不可以2.Vue3中可以再往深问，可能少部分人会回答出：1.V

前端早间课·2024-01-18 12:45

vue2+webpack升级vue3+vite，在vue3组合式编程中使用vuex

正文开始场景一、从vue2到vue3组合式编程二、vue3中调用vuex总结场景我的项目是从vue2+webpack升级为vue3+vite，这种升级工作，其实最重要的不是如何快速准确地把原有vue2项目全部重构为

中二少年学编程·2024-01-18 11:49

vue2项目打包压缩处理

平常项目打包后，js等文件会体积大，这样用户访问会慢webpack优化–compression-webpack-plugin开启gzip1、安装compression-webpack-plugin这里我项目webpack版本是3.6.0，所以得安装低版本得compression-webpack-plugin，webpack版本高于这个得安装其他版本，不然会报错npminstallcompressi

前端搬砖达人·2024-01-18 11:47

vue2 省市区联动组件封装

在elementui中有级联选择器el-cascader，其实已经够用了，但是在实际需求中，发现el-cascader如果有三级，数据数组必须得三个才能完全展示，所以不符合实际需求,还是自定义封装吧需求：省市区联动数组，有多少个显示多少个这里使用elementui得el-select组件，思路是使用监听布局<el-selectref="selectAre

前端搬砖达人·2024-01-18 10:31

Google Filament 源码学习（四）：Material System (三) - 材质格式 (mat)

目录FilamentMaterialsGuideIntroductionMaterialdefinitionsFormat（材质定义的格式）DifferenceswithJSONExampleMaterialblockGeneralVertexandattributesBlendingandtransparencyRasterizationLightingAnti-aliasingShadingV

七Du°C糊涂·2024-01-18 09:14

Google Filament 源码学习（一）：Filament 编译

一、前言之前做过一段OpenGL开发，也看过vulkan,但都是一知半解，所以一直想找一个经典的、跨平台的渲染引擎来学习。直到找到Filament这个东东。Filament是Google开发的轻量级跨平台实时渲染引擎，支持PBR材质，可用于开发游戏渲染引擎或构建音视频编辑工程。希望后期能够逐步深入，在此做好笔记，希望通过此能够同大家一起从入门到精通。二、ubuntu平台编译1、开发环境准备

bluebird_ivan·2024-01-18 09:43

【尚硅谷——使用脚手架】

具体步骤1.3模板项目的结构1.4其他说明1.4.1render函数1.4.2自定义配置1.4ref与props1.4.1ref1.4.2proprs1.5混入1.6插件1.7scoped样式【前端】尚硅谷Vue2

骑鱼过海的猫123·2024-01-18 09:34

【前端目录贴】

【前端】尚硅谷Vue2-Vue3全家桶笔记目录贴3.【前端】vue.js从入门到项目实战笔记

骑鱼过海的猫123·2024-01-18 09:32

Vue2所学总结

目录一、初始vue1、什么是Vue2、vue的特点二、Vue模板语法Vue模板语法主要有几种插值：指令：三、数据绑定（1）单向绑定(v-bind)（2）双向绑定(v-model)四、el与data的两种写法

娃哈哈哈哈呀·2024-01-18 08:58

组件v-model（.sync）记录使用（vue3）

与Vue2中的.sync不同，Vue3中的v-model需要在组件中手动实现双向绑定逻辑。下面是一个简单的父组件示例，展示了如何在Vue3中使用v-model来实现组件的双向数据绑

月照一江秋水·2024-01-18 07:46

vue3前端开发,感受一下组合式api和VUE2选项式的差异

vue3前端开发,感受一下组合式api和VUE2选项式的差异！今天开始，正式开始，进入学习Vue3的内容。以后代码，案例分享，都会采用组合式api的模式为大家做展示。

yrldjsbk·2024-01-18 06:45

vue3自定义指令（directives）的使用

在Vue3中，自定义指令的用法相对于Vue2有一些变化。

深度学习研究员·2024-01-18 05:38

Vue3中使用自定义指令

一，自定义指令：应用场景：禁用按钮多次点击1.vue2a.src/libs/preventClick.jsimportVuefrom'vue'constpreventClick=Vue.directive

会做梦的辣条鱼·2024-01-18 04:49

【Vue自定义事件详细介绍】

.`.once`和`.capture`6.移除事件监听器7.事件总线(EventBus)1.自定义事件Vue.js中自定义事件是组件间的一个主要通信方式，尤其是用于子组件向父组件发送消息，在Vue2.x

程序员不想YY啊·2024-01-18 04:19

Vue & Axios——前端技术栈

数据绑定机制分析数据单向渲染注意事项和细节双向数据绑定事件绑定示例：注意事项和使用细节课后作业1课后作业2修饰符示例条件渲染/控制:v-ifv-showv-ifVSv-show课后作业列表渲染:v-for应用实例课后练习组件化编程生命周期和监听函数(钩子函数)Vue2

小菜0-o·2024-01-17 23:32

vue3.0+webpack

vueinitwebpackmypro初始化一个项目并指定打包工具之后提示我需要安装，这是vue3.0和vue2.之间的桥接工具：npminstall-g@vue/cli-init安装完成即可再次vueinitwebpackmypro

真是个非常帅气的昵称呢·2024-01-17 21:11

前后端分离分页查询（不使用框架和插件）

后端java（不使用框架和插件），前端使用基于Vue2.x的ElementUI的分页组件大体流程：前端使用ElementUI的分页组件，发送异步请求携带currentpagepageSize两个经过初始赋值的变量去后端查询

良子c·2024-01-17 18:12

Vue自定义指令（Vue2）

一、指令。(一)定义指令是通过Vue实例的dircetives选项进行定义的。(二)作用Vue提供的指令方便了我们开发，有时我们需要对DOM底层进行操作，就可以用自定义指令。(三)内置指令二、指令钩子(一)bind指令第一次绑定到元素时调用。在这里可以执行一次性的初始化设置。Vue.directive('focus',{bind:function(el){//当指令绑定到元素上时，让元素获得焦点e

进阶的小鸟·2024-01-17 17:55

入门级的 DataV 教程，适用于 Vue 2

入门级的DataV教程，适用于Vue2。这个教程将指导您创建一个名为datav-project的Vue项目，并展示如何在其中使用DataV。

ascarl2010·2024-01-17 16:54

Vue3 如何优雅的使用 createApp 自定义通用Dialog

最近在做一个项目的技术栈升级，从Vue2升级至Vue3，Vue2中有一个通用的全局Dialog方法，是通过Vue.extend来实现的，具体请看下方的Vue2代码：一、main.js中定义通用方法Vue.prototype

小小楠瓜子·2024-01-17 15:38

vue2数据绑定以及收集依赖

1.Observer主要是用来数据绑定，以及定义收集依赖的方法数组：重写原型上的方法，用来劫持数据的改变对象：使用defineProperty来劫持数据，从而监听数据的改变和获取2.Watcher目标对象，所有监听的数据会生成一个Watcher实例，一一对应。可以通过管理实例以及调用实例上的方法来更新页面3.DepWatcher依赖收集器以及通知更新的喇叭，可以收集并管理Watcher。他们之间的

pspxuan·2024-01-17 14:16

vue2使用 element表格展开功能渲染子表格

默认样式修改后样式2{{item.name}}{{scope.row.is_bargain===1?'未成交':'已成交'}}需求已成交不可修改生成报价单修改报价模拟数据needDataFollow:[{"bargain_time":"","id":7,"direction":"项目","demand_content":"777","report":[],"is_bargain":1,"creat

巨蟹座守护骑士·2024-01-17 14:48

解决vue3中不支持.sync语法糖

在Vue2中，.sync修饰符是一个语法糖，用于简化子组件和父组件之间的双向数据绑定。在Vue3中，推荐使用v-model或是自定义事件来实现类似的功能。

前端玖耀里·2024-01-17 13:15

vue2.0/3.0 使用ref获取dom元素

vue2.0用ref获取DOM元素的：我会被拖动exportdefault{mounted(){console.log(this.

小粗腿Cc·2024-01-17 13:11

vue3和vue2 v-model 和sync语法糖区别

在Vue2中，我们通常使用v-model和.sync语法糖来实现双向数据绑定，那么在Vue3中，这些语法糖有什么新变化呢？

YoursMsg·2024-01-17 08:36

vue3 Ts script-setup 语法糖父子组件通信使用sync,defineEmit,defineProps,defineExpose

较比更加简洁化真香～父组件//类似vue2item-checked.sync修饰符vue3取消sync修饰符改为v-bindconststate=reactive({stationData:[],stateList

免费的东西·2024-01-17 08:06

vue语法糖.sync

这个也是vue2.3之后新加的一个语法糖。这也是平时在分装组件的时候很好用的一个语法糖，它的实现机制和v-model是一样的。当你有需要在子组件修改父组件值的时候这个方法很好用

船长在船上·2024-01-17 08:34

【Vue2】通过.sync语法糖修改props值更快捷实现子向父组件通信

Vue中父组件向子组件通信普遍采用props传值通信的方式：-子组件（准备接收父组件的数据）//步骤1.子组件-props-变量(准备接收数据)exportdefault{props:['title','price','intro']}-父组件（App.vue中使用并传入数据）但是props值在vue中遵循单向数据流原则，除非是引用值，否则子组件是不能直接对props变量作修改的。所以我们一般用自

小安驾到·2024-01-17 08:02

推荐频道

vue2源码学习