vue2源码学习

Vue3的 组件事件

在Vue2
跟Bug双向奔赴·2024-02-03 20:13

Relation-graph关系图/流程图，VUE项目基础使用

一、Relation-graph是支持Vue2、Vue3、React的关系数据展示组件，支持通过【插槽】让使用者使用"普通HTML元素、Vue组件、React组件"来完全自定义图形元素，并提供实用的API
和世界不一样，那就不一样！·2024-02-03 20:07

前端-relation-graph实现关系数据展示（关系图/流程图）

relation-graph-ARelationshipGraphComponenthttps://www.relation-graph.com/3.选择relation-graph的理由4.项目中引用relation-graph4.1下载命令4.2在Vue2
作业应急宝·2024-02-03 20:07

Vue3学习记录（一）--- 组合式API之基础概念和变量声明

一、组合式API基础1、简介组合式API(CompositionAPI)是Vue3和Vue2的v2.7之后版本中的全新特性，是一系列API的的集合（响应式API、生命周期钩子、依赖注入等等），其风格是基于函数的组合
努力的小朱同学·2024-02-03 19:42

【vue2】05_动态组件 & 插槽 & 自定义指令

文章目录动态组件1.什么是动态组件2.如何实现动态组件渲染3.使用keep-alive保持状态4.keep-alive对应的生命周期函数5.keep-alive的include属性插槽1.什么是插槽2.体验插槽的基础用法2.1没有预留插槽的内容会被丢弃2.2后备内容3.具名插槽3.1为具名插槽提供内容3.2具名插槽的简写形式4.作用域插槽4.1使用作用域插槽4.2解构插槽Prop自定义指令1.什么
追yi个小太阳·2024-02-03 19:42

5.4 Vue2.0 动态组件&插槽&自定义指令&自定义插件

文章目录动态组件1，什么是动态组件2，如何实现动态组件的渲染3，使用``保持状态4，``对应的生命周期函数5，的`include`和`exclude`属性插槽1，默认插槽2，具名插槽3，作用域插槽自定义指令私有自定义指令update函数函数简写全局自定义指令自定义插件动态组件1，什么是动态组件动态组件指的是动态切换组件的显示与隐藏。2，如何实现动态组件的渲染vue提供了一个内置的组件，专门用来实现
像我这样的人112·2024-02-03 19:42

【Vue】3-1、Vue 3 简介

一、Vue3的优势Vue2OptionsAPI的缺陷：一个功能往往需要在不同的vue配置项中定义属性和方法，比较分散，需求简单还好，清晰明了；但是需求复杂之后，就会多出watch，computed，inject
QX_Java_Learner·2024-02-03 19:11

vue2.0第五节：动态组件 & 插槽 & 自定义指令

文章目录学习目标1.动态组件1.1.什么是动态组件1.2.如何实现动态组件渲染1.3.使用keep-alive保持状态1.4.keep-alive对应的生命周期函数1.5.keep-alive的include属性了解组件注册名称和组件声明时name的区别2.插槽2.1.什么是插槽2.2.体验插槽的基础用法2.2.1没有预留插槽的内容会被丢弃2.2.2后备内容2.3.具名插槽2.3.1为具名插槽提供
不能瞌睡呀·2024-02-03 19:41

【vue篇】第五话--动态组件 & 插槽 & 自定义指令

持续更新vue2.0/3.0✊加油，共勉！
陪我吹吹海風吧·2024-02-03 19:41

Vue学习笔记14 --自定义hook函数/toRef/provide/inject等

类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。10.toRef作用：创建一个ref对象，其value值指向另一个对象中的某个属性。
jxncxgx·2024-02-03 14:30

Vue3入门到实战笔记02

9.watch作用：监视数据的变化（和Vue2中的watch作用一致）特点：Vue3中的watch只能监视以下四种数据：ref定义的数据。reactive定义的数据。
jxncxgx·2024-02-03 14:30

Vue3入门到实战笔记01

latest按照提示创建项目cdvue3study进入所创建的项目目录npminstall安装项目需要的依赖包npmrundev运行项目二、项目内文件说明Vue3项目的入口文件改为index.html(vue2
jxncxgx·2024-02-03 14:00

Vue2.x全家桶学习笔记

一、概述1.1、什么是VueVue是一个自底向上逐层应用、注重视图模块、快捷构建前端应用的渐进式框架！1.2、为什么使用Vue随着项目规模的增大、业务流程的复杂度提升，现在主流的项目开发方式主要是前后端分离模式灵活的前端应用：可以随时在不影响后端服务的情况下进行维护便捷的扩展维护：可以在独立的前端项目中不影响原有功能的情况下实现高效的功能扩展和维护鉴于上面的开发要求，使用Vue框架的优势：快速、高
茴香馅饺子~·2024-02-03 12:25

Vue2+ElementUI 弹窗全局拖拽 支持放大缩小

拖拽组件dialogDrag.vueexportdefault{name:'dialogDrag',data(){return{originalWidth:null,originalHeight:null}},created(){this.$nextTick(()=>{this.dialogDrag()})},mounted(){},methods:{dialogDrag(){//获取弹窗DOMl
沉默是金~·2024-02-03 12:23

vue-3d-loader vue实现3d模型展示（vue2）

官方文档:快速上手|Vue3dloader(king2088.github.io)（注意：看清版本vue3跟2使用版本不同）1.下载[email protected].引入1.全局引入importvue3dLoaderfrom"vue-3d-loader";Vue.use(vue3dLoader)2.按需引入import{vue3dLoader}from"vue-3d-loader";
只玩辅助啊·2024-02-03 09:08

vue-3d-loader

vue-3d-loader:VueJSandthreeJS3dviewer是对vue-3d-model的改进，降低Threejs使用难度#默认安装"vue-3d-loader":"^1.3.4",只支持vue2npmivue
dragonzoebai·2024-02-03 09:04

vue3.0 Composition API上手体验

vue3.0CompositionAPI上手体验vue3.0对比vue2.0优势vue3.0相比vue2.0性能提升了近50%，框架内部做了大量性能优化，包括：虚拟dom，编译模板，Proxy的新数据监听
廊坊吴彦祖·2024-02-03 08:57

Vue3中ref和reactive的用法和区别

目录两者的区别：原理角度对比：使⽤角度对⽐：用法实例：实例：Vue2中我们通常将响应式数据放在data中，再Vue3中提供了组合式API的写法，即数据和方法写在一起，便于维护。
浮生若梦777·2024-02-03 08:14

Vue3+TS+Vite+Pinia学习总结

VUE3介绍vue2和vue3之间的区别因为需要遍历data对象上所有属性，所以如果data对象属性结构嵌套很深，就会存在性能问题。
天生我材必有用_吴用·2024-02-03 06:07

巧用windows的move命令结合jenkins让npm构建速度上来

一.背景jenkins构建vue2的项目，每次都很慢，即便非常顺利都要1分多钟。之前的文章想到的私服的方式，windows下利用verdaccio私服让npm构建速度上来-CSDN博客。
弗锐土豆·2024-02-03 06:37

Vue2学习之第五章——vuex

理解vuexvuex是什么专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。Github地址:https://github.com/vuejs/vuex什么时候使用Vuex多个组件依赖于同一状态来自不同组件的行为需要变更同一状态Vuex工作原理图安装vuex终端输入npmivuex
吃一口你的梦。·2024-02-03 05:54

vue3项目中数字滚动效果

前言：目前大多数新的vue项目都采用了vue3去写，在最近的项目中，需要展示数字滚动的效果，我就想到了之前用多的vue-count-to数字滚动插件，发现这个插件只使用于vue2项目，在vue3项目中并不试用
张不大了·2024-02-03 05:17

【Tomcat源码级别掌握】

Tomcat服务器配置5.Web应用配置6.Tomcat管理配置7.JVM配置8.Tomcat集群9.Tomcat安全10.Tomcat性能优化11.Tomca附件功能12.Tomcat源码下载12.1源码学习下载
代码哲学·2024-02-03 00:55

vue3项目创建权限问题解决以及淘宝镜像过期解决

由于是在做对比类的，还有vue2的，所以先建vue2的用命令行建vue2的，报错发现有两个问题。
伊昂呀·2024-02-02 23:00

Vue3如何深度修改vant4 css样式

1、当前页面只用一次某个组件vue2是::v-deep.vant-button{}vu3则是::v-deep(.vant-button){}页面示例回到顶部::v-deep(.van-button){background-color
HaushoLin·2024-02-02 22:58

【Vue2 + ElementUI】el-table动态合并行和列

实现：ElementUI+假数据(使用时替换为接口数据即可)一.效果图二.代码exportdefault{name:'CellMerge',data(){return{tableData:[],//合并单元格arealameArr:[],//arealamearealameIndex:0,//arealame索引typeArr:[],//typetypeIndex:0,//type索引plance
吃小猫的大鱼·2024-02-02 22:12

菜鸡后端的前端学习记录-2

忘了记一下看的视频了，有兴趣的可以去看一看，目前感觉讲的还不错，但是需要有一定基础：【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】（学习记录第二部分，都写到一个博客里太长了，不利于阅读复习
无名一小卒·2024-02-02 21:30

vue2使用echarts自定义tooltip内容

先上最终效果图#实现过程：一、下载引入echarts下载npminstallecharts--save在main.js中引入import*asechartsfrom"echarts";Vue.prototype.$echarts=echarts;二、使用exportdefault{data(){return{powerEchartData:[{"thisPower":220,"voltage":2
tianxinw·2024-02-02 21:44

vue2插槽slot的使用

插槽的基本使用：组件的子节点位置写的内容会被插入到子组件的标签的子节点中，当组件的子节点没有内容时，会默认使用标签的子节点内容。//父组件  {{website.title}}//这里传了就用传的值'imooc'data(){return{website:{url:'http://imooc.com/',title:'imooc'}}}//子组件默认内容，即父组件没设置内容时，这里显示//传了这里
The Venerable Dragon·2024-02-02 20:56

我用前端【最新】技术栈完成了一个生产标准的项目【Vue3 + TS + Vite + Pinia + Windicss + NavieUI】

项目背景最近一直在忙一个EPR系统的开发，新项目之前团队的技术栈基本停留于Vue2+Js+Webpack+Vuex上，但是Vue生态其实已经可以说进入了次时代，虽然我个人其实不是很倡议盲目的去追赶新的框架
Coder HoMeTown·2024-02-02 20:10

vue2 中使用 video.js 以及遇到的问题

效果图安装videojs首先使用npm安装video.jsnpmivideo.js在main.js中进行引入import"video.js/dist/video-js.css";importvideojsfrom"video.js";Vue.prototype.videojs=videojs;使用videojshtml：vue钩子：//父组件传递过来的视频地址，也可以将整个videojs的第二个参
未飞·2024-02-02 20:54

Vue3_基础使用_1

这节主要介绍：vue2与vue3的区别，创建响应式的数据，setup语法糖的使用，watch监听，及vue3创建项目。
Evan.Pei·2024-02-02 20:53

关于node.js奇数版本不稳定 将11.x.x升级至16.x.x不成功的一系列问题（一）

据说vue2用16稳定一些vue3用18好一点（但之前我vue3用的16.18.1也可以）为维护之前的老项目先搞定node版本切换下载nvmnode版本管理工具https://github.com/coreybutler
猴小七儿·2024-02-02 19:51

Vue2.0 组件传值方式：父传子、子传父、非父子组件传值

文章目录1.父组件向子组件进行传值父组件：子组件：2.子组件向父组件传值子组件：父组件：3.非父子组件进行传值公共bus.js组件A：组件B：每次总结都是在加强一遍记忆1.父组件向子组件进行传值父组件：父组件:importchildfrom'./child'exportdefault{components:{child},data(){return{name:''}}}子组件：子组件:{{inpu
博客zhu虎康·2024-02-02 18:21

Vue2.0 修饰符、绑定样式、计算属性以及侦听属性

一、修饰符1.事件修饰符：事件修饰符是对事件捕获以及目标进行了处理（语法：@事件名.修饰符）（1）stop：阻止了事件冒泡，相当于调用了event.stopPropagation方法（2）prevent：阻止了事件默认行为，相当于调用了event.preventDefault方法（3）self：只有在event.target是当前元素自身时触发（4）once：绑定的事件只能触发一次（5）captu
前端小白李小小·2024-02-02 17:01

vue2指令和修饰符

vuecreatename命令行方式创建vueui图形化方式创建项目中的命令首先在cmd命令行窗口中确认是在项目的根目录中,才能正确的启动命令.开发环境命令:npmrunserve打包便衣命令:npmrunbuildvue2
Pinia-·2024-02-02 17:30

vue2 解决父组件刷新子组件数据

在使用elementui开发pc端项目时，经常会有这样的业务场景，比如，在页面中有一个按钮，点击按钮打开一个弹框，弹框里面有一些表单项或其他的数据源，如果把按钮所在的页面作为父组件，弹框中的内容作为子组件，父组件点击按钮想要每次都能初始化子组件中的数据，会发现mounted生命周期只会调用一次，如果想要每次打开都能刷新子组件的数据，一般会有以下几种解决方式。方法1、在子组件上面加一个key，这个k
jqh_0484·2024-02-02 16:45

vue2+three.js做出一个精美的3D地图——1.搭建基础场景

系列文章目录构建基础场景文章目录系列文章目录构建基础场景前言一、下载three.js二、搭建基础场景1.构建场景（Scene）2.构建摄像机（Camera）正交相机（OrthographicCamera）：物体不会受距离影响，无论远近都不会改变大小透视相机（PerspectiveCamera）：物体受距离影响，远小近大，跟我们的人眼非常相似。透视相机构造函数的四个参数3.渲染器基础的已经搭建完成了
Tx的练习题·2024-02-02 16:04

vue2动态渲染el-table + 前端导出excel

市局县局服务站查询重置-->导出新增-->{{itm[item]||0}}-->import{getStatisticsQueryList,getStatisticsQueryListHeader,getStatisticDept}from"@/api/grassrootsServices/statisticMessage/index"import*asFileSaverfrom"file-sav
举个栗子 .·2024-02-02 16:33

vue2将一个页面作为组件来展示

这里使用vue2进行的实现首先先建一个页面我是标题块111exportdefault{name:"index"}建好了页面，接下来在需要将这个页面当作组件来引入的页面些代码importtitleFirstfrom
你非柠檬为何心酸142·2024-02-02 14:00

【项目创建笔记】

使用vue2创建项目1.打开终端，win+r打开输入cmd下载node.js，查看node.js版本2.安装vue-cli脚手架npminstall-g@vue/cli根据提示创建配置项目参考来源：https
久靥_·2024-02-02 14:37

Vue2.0 | 将项目打包成exe文件

本篇目录1.安装pkg2.下载项目依赖3.初始化并安装express包4.开始打包5.打包完成6.问题处理6.1打包过程报错附录1.手动下载node二进制文件前期准备：确保本地网络可以访问Github。确保本地正确安装NodeJs，可使用node-v查看版本。确保待打包项目可正常运行。本篇NodeJs版本v14.15.1。本篇介绍使用pkg插件将Vue项目打包成exe文件；前期准备完成之后，cmd
FSYML·2024-02-02 13:52

vue2前端使用axios发起post请求，后端(springboot)拿不到值解决办法

一、错误回现（前后端错误演示）axios封装-我常用的请求头参数application/json;charset=utf-8页面登录请求-post网络请求正常传入参数后端代码，查看控制台发现都为null，没取到值。二、解决1.尝试将前端post请求改成get,其他都不用变发现正常取到值，打印输出正常。前端页面正常跳转。2.后端设置为post请求，前端axios要配置请求头参数还要再对数据再进行一次
打工人小夏·2024-02-02 12:52

源码学习：https://github.com/mirror/busybox (未完待续)

简介https://www.busybox.net/https://github.com/mirror/busyboxBusyBox:嵌入式Linux的瑞士军刀BusyBox将许多常见的UNIX实用程序的小型版本组合成一个单一的小型可执行文件。它为GNUfileutils、shellutils等通常在GNU工具集中找到的大多数实用程序提供了替代品。BusyBox中的实用程序通常比其功能完整的GNU
御风@户外·2024-02-02 11:47

vue2+html2pdf下载PDF,PDF分页切割

问题：PDF下载下来后，文档内容被暴力分割。解决方案：HTMLPDF......JSmethods:{downloadPDF(){//下载函数try{letvm=this;//A4宽高比例constA4_WIDTH=592.28;constA4_HEIGHT=841.89;vm.$nextTick(()=>{lettarget=document.getElementById("print");//
牧马少女·2024-02-02 10:58

【Vue3实战】setup语法糖实战基础

【Vue3实战】setup语法糖前言一、setup语法糖的优势1.更清晰的逻辑组织2.更好的类型推断和IDE支持无需导入自动注入组件的上下文更好的类型推断3.更灵活的组合逻辑4.更好的响应式能力二、Vue2
愛彈吉他的小盆友·2024-02-02 09:17

前端框架简介及Vue3项目起步基础配置

前端框架简介及Vue3项目起步基础配置前端框架简介Vue1.1Vue脚手架1.1.1使用vue-cli创建vue2项目1.1.2使用create-vue创建vue3项目1.1.3项目起步-配置别名路径联想提示
前端小白进阶之旅·2024-02-02 07:08

vue2 组件注册

简单分享怎么将组件注册为全局组件，主要分为三部分：一、使用Vue.install方法将自义定的组件挂载到Vue实例上，如下：二、注册为全局组件，如下：三、页面使用，如下：
jqh_0484·2024-02-02 07:49

Vue2中给对象添加新属性界面不刷新？

在Vue.js中，如果你在对象上添加新属性而界面没有刷新，这可能是由于Vue的响应性系统的特性所导致的。Vue在初始化时会对数据进行响应式转换，这意味着只有在初始时存在的属性才会被监听，后来添加的属性不会自动触发视图更新。我们从一个例子开始：{{value}}按钮exportdefault{name:'HelloWorld',data(){return{items:{oldProperty:'旧属
凡大来啦·2024-02-02 04:00

Vue2组件注册：全局组件和局部组件

在Vue2中，你可以使用全局注册和局部注册两种方式注册组件。以下是两种方式的示例：•全局注册全局注册的组件可以在整个应用中使用，适用于高频的通用组件。
凡大来啦·2024-02-02 04:29
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他