vue2响应式设计

使用vue-client-only 解决组件不兼容SSR问题

目录前言一、解决方案1.基于Nuxt框架的SSR应用2.基于vue2框架的应用3.基于vue3框架的应用二、总结往期回顾前言最近在我的单页面SSR应用上开发JSON编辑器功能，在引入组件后直接客户端跳转
富朝阳·2024-02-10 18:20

移动Web——响应式网页

通过使用响应式设计技术，网页可以在不同的设备上提供一致的用户体验，无论是在桌面电脑、平板电脑还是手机等移动设备上访问网页都能够适应不同的屏幕尺寸。
越努力越幸运`·2024-02-10 17:07

【前端】Vue实现网站导航 以卡片形式显示（附Demo）

目录前言1.html版本2.Vue2.1Demo12.2Demo2前言单独做一个跳转页面推荐阅读：【前端】实现Vue组件页面跳转的多种方式但是如果网站多了，推荐卡片式导航，具体可看下文：（以图片显示显示各个网站
码农研究僧·2024-02-10 15:15

vue3项目中如何实现模块的自动导入

vue2和vue3一个很重要的代码区别就是从vue2对象化完整引入到函数化按需引入。从而解决了需要什么就引入什么的按需引入操作功能。然而这一代码操作模式却也引出了后续繁琐代码的书写结构。
开心点啦.·2024-02-10 12:08

Vue-56、Vue技术路由的使用

2、前端路由：key是路径，value是组件1、基本使用vue-router3只能在vue3中使用vue-router3才能在vue2中使用1、vue2安装npmivue-router@3或者cnpmivue-router
一叶飘零晋·2024-02-10 10:34

如何封装一个简单的VUE组件

基于vue2.0封装一个简单的表单组件前景介绍准备工作准备编码前景介绍这是一篇晚来的文章，毕竟2.0在去年12月份就已经停止维护了，这篇文章当是一个纪念吧。
youmatech·2024-02-10 10:27

v-if 和v-for的联合规则及示例

提供vue2的一些基本操作：安装、引用，模板使用，computed，watch，生命周期(beforeCreate，created,beforeMount，mounted,beforeUpdate，updated
还是大剑师兰特·2024-02-10 10:27

uniapp 全局引入vant 组件库

vant4官方文档vant2官方文档vant3官方文档一、创建uniapp项目+vue3二、通过npm安装vantvue3项目，安装最新版Vantnpmivantvue2项目，安卓vant2npmivant
冷七七-·2024-02-10 10:52

vue3踩坑之作用域插槽的使用，以及vue3和vue2中作用域插槽的对比和使用

项目场景：在系统后台开发中，前端需要对后端返回数据进行处理，比如说，用户角色、付款方式等等，而返回的这些数据里面通常是数字来表示相关的角色和身份，如：1表示管理员，2表示用户；又比如说1表示支付宝支付，2表示微信支付，3表示银行卡支付。页面上渲染出数据是数字的形式，但对用户来说其实这种方式并不具备明显的指代意义，所以为了实现更好的用户体验，前端会使用作用域插槽对该数据进行处理，实现与用户之间更好的
我也想做全栈一霸！·2024-02-10 10:20

Vue如何实现不同登录方式的切换（账号密码登录、邮箱验证登录等）

文章目录前言一、使用vue开发框架的时候，无论是vue2或是vue3，都会运用到elementui组件库或是element-plusui组件库，所以我们要解决的问题首先从这些组件库里来找寻答案二、项目里按需引入或者全局导入
我也想做全栈一霸！·2024-02-10 10:49

如何使用Element Plus 提供的Icon图标库

文章目录前言一、安装二、使用1.引入需要的图标2.页面效果3.还有一个奇怪的问题总结前言用vue3开发的时候，使用element-plusUI组件库的时候，发现不能像之前vue2时候使用的那么方便了，需要单独引入和使用
我也想做全栈一霸！·2024-02-10 10:49

v-if 和v-show 的区别

提供vue2的一些基本操作：安装、引用，模板使用，computed，watch，生命周期(beforeCreate，created,beforeMount，mounted,beforeUpdate，updated
还是大剑师兰特·2024-02-10 05:23

极其抽象的路由

$router.push('/home');};时代变了，在查询了各种资料后，这玩意是vue2的产物，让我们拥抱，vue3吧。。。
用键盘当武器的秋刀鱼·2024-02-10 02:44

Java汽车销售管理

技术架构：springboot+mybatis+Mysql5.7+vue2+npm+node有需要该项目的小伙伴可以私信我你的Q。
doc_wei·2024-02-09 21:29

通用的网站炫酷底部美化代码分享

它包含响应式设计元素，这意味着无论用户是通过电脑、平板还是手机访问您的网站，底部都能呈现出最佳的效果。此外，我们还特别注重代码的可定制性。
行动之上·2024-02-09 19:40

todolist的五种写法（原生、vue2、vue3、react类组件，react函数组件）

1.js、vue2、vue3、react类组件、react函数组件的特性1.1JavaScript（JS）特性弱类型：JavaScript是一种弱类型语言，变量的类型可以在运行时动态改变。
前端fighter·2024-02-09 18:54

从零构建Hugo主题 - I

：I.主要介绍我构建Hugo主题的背景，我对主题的功能想法，以及开发环境的搭建II.Hugo主题的主要目录结构，需要了解的技术，以及我创建的主题的主体框架III.Hugo主题的其他功能，包括黑色主题，响应式设计
tomo_wang·2024-02-09 11:44

从零构建Hugo主题 - II

：I.主要介绍我构建Hugo主题的背景，我对主题的功能想法，以及开发环境的搭建II.Hugo主题的主要目录结构，需要了解的技术，以及我创建的主题的主体框架III.Hugo主题的其他功能，包括黑色主题，响应式设计
tomo_wang·2024-02-09 11:44

VueDiff算法对比ReactDiff算法区别

vue2Diff算法1.用JavaScript对象结构表示DOM树的结构；然后用这个树构建一个真正的DOM树，插到文档当中2.当状态变更的时候，重新构造一棵新的对象树。
Clavin.·2024-02-09 11:21

react中的diff算法

对于Vue2的diff算法使用了双指针，React的diff算法没有使用双指针，是因为更新的jsx对象的newChildren为数组的形式，但是和newChildren中每个组件比较的是currentfiber
_处女座程序员的日常·2024-02-09 10:45

Vue2中v-for 与 v-if 的优先级

在Vue2中，v-for和v-if是常用的指令，它们在前端开发中非常有用。但是，当我们在同一个元素上同时使用这两个指令时，就需要注意它们的优先级关系了。
JJCTO·2024-02-09 09:21

Uni-App学习路线

Uni-App学习路线学习Uni-app用到的技术Uni-app官网HtmlCssJavaScriptVue2.xAxiosMockScss成长路线:一.必须掌握前端基础知识html\css\js\vue2
吃肉肉不吃肉肉·2024-02-09 08:42

基于微信小程序的商城购物系统的设计与实现(文档+源码)

目录第一章绪论1.1开发背景1.2所选题目意义与目的1.3研究现状1.4本文研究内容第二章关键技术介绍2.1NODE.JS2.2MYSQL2.3VUE2.4HTML2.5JS2.6CSS2.7小程序开发者工具第三章系统分析
哥本哈根工作室_wlzytw·2024-02-09 08:16

Vue3 常用的10个组合式 API

Vue2于2023年12月31日停止维护。而通过Vue3，组合式API增强了我们利用Vue的能力，使我们的代码更具模块性和可读性。
子伟-H5·2024-02-09 08:06

【vue3学习笔记】自定义hook；toRef与toRefs

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通课程P156节《自定义hook》笔记：实现一个鼠标“打点”功能：注意点：（1）组件卸载时需要接触window上的事件绑定，否则组件卸载后window
youyoufenglai·2024-02-09 07:04

【vue3学习笔记】shallowReactive与shallowRef；readOnly与shallowReadOnly；toRaw与markRaw

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通课程P158节《shallowReactive与shallowRef》笔记：reactive()与shallowReactive()：reactive
youyoufenglai·2024-02-09 07:56

Vue2 创建组件库——（二）编写组件

以卡片组件为例目录编写卡片组件在项目中引入组件组件测试打包组件库编写卡片组件packages/Card/index.jsimportCardfrom'./src/Card.vue'//为组件提供install安装方法，供按需引入Card.install=function(Vue){Vue.component(Card.name,Card);}exportdefaultCardpackages/Ca
G.X.Y~苏·2024-02-09 06:37

vue的8大生命周期

提供vue2的一些基本操作：安装、引用，模板使用，computed，watch，生命周期(beforeCreate，created,beforeMount，mounted,beforeUpdate，updated
还是大剑师兰特·2024-02-09 06:21

2024年的VUE2下的无效指令npm install --save vue-i18n

vue官网已经声明了不再维护vue2,vue-i18n安装依赖的时候就只接安装vue3的vue-i18,直接报错：>npminstall--savevue-i18nnpmERR!
阿狸Jay(塘主)·2024-02-09 06:43

Vue3中路由配置Catch all routes (“*“) must .....问题

Vue3中路由配置Catchallroutes(“*”)must…问题文章目录Vue3中路由配置Catchallroutes("*")must.....问题1.业务场景描述1.加载并添加异步路由场景2.vue2
小袁搬码·2024-02-09 05:50

Vue3基础(十yi)___常用生命周期函数___setup___onMounted___onUpdated

对比vue2beforeCreate->使用setup()created->使用setup()beforeMount->onBeforeMountmounted->onMountedbeforeUpdate
六卿·2024-02-09 05:32

3分钟带你了解Vue3的nextTick()

概念在Vue3中nextTick()方法的行为和Vue2中基本相似，但它进行了一些优化，以提高性能和稳定性。nextTick
_Minato_·2024-02-09 04:22

3分钟带你了解——Vue的监听器

基本使用方法在Vue2中
_Minato_·2024-02-09 04:52

VUE2模拟VUE3中的Teleport实现改变元素挂载的节点

Teleport页面exportdefault{name:'teleport',props:{to:{type:String,required:true}},mounted(){consttoEl=document.querySelector(this.to)if(toEl){toEl.appendChild(this.$el)}},destroyed(){consttoEl=document.q
灰海·2024-02-09 00:34

VUE2和VUE3区别对比一览

##Vue3总结###官方文档*[Vue3](https://v3.cn.vuejs.org/api/options*data.html)*[Vue2](https://vuejs.bootcss.com
灰海·2024-02-09 00:02

关于vue2+antd 信息发布后台不足的地方

有的写法可以cv1.序号递增{title:"序号",customRender:(text,record,index)=>`${index+1}`,align:"center",},2.关于类型{title:"类型",dataIndex:"type",align:"center",customRender:function(t){switch(Number.parseInt(t)){case0:re
_斯洛伐克·2024-02-08 23:39

实现简单render函数

什么是VirtualDomReact和Vue2都使用了VirtualDom技术，VirtualDom并不是真正意义上的Dom，而是一个轻量级的JavaScript对象，在状态发生变化时，VirtualDom
初晨的风儿·2024-02-08 22:58

Vue 生命周期

文章目录一、Vue2的生命周期函数Vue2请求接口一般放在哪个生命周期Vue2生命周期运行解析源码解析初始化阶段模板编译阶段挂载阶段mountComponent()Watcher_update()销毁阶段什么时候会调用
fmk1023·2024-02-08 20:32

Pinia学习笔记

基本使用defineStore定义一个StorestoreToRefs解构store改变状态替换state订阅状态Pinia优势Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐Vue2
fmk1023·2024-02-08 20:32

今天教大家使用vue2封装一个全局可用的message提示组件

像element-ui，ViewDesgin这种组件库我们肯定使用过，当我们用message组件的时候可以直接this.$Message.loadong/success/error，...那么这个是怎么实现的呢，今天教大家实现一个message组件挂载到vue全局1、创建一个Message组件，在components目录下新建一个MessageComponent.vue;随便写点什么上去先2、在i
阿湘zs·2024-02-08 19:14

vue封装一个简单的modal对话框

1、在conpmonents新建一个Modal.vue2、在main.js注册成全局组件//全局可用的组件importModalfrom'.
阿湘zs·2024-02-08 19:14

vue2用自定义指令实现图片懒加载

除了Vue内置的一系列指令(比如v-model或v-show)之外，Vue还允许你注册自定义的指令一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。自定义指令必须以v-xxx开头钩子函数会接收到指令所绑定元素作为其参数。以下实现使用自定义指令实现图片懒加载效果：javascript中有个api可以获取元素是否在可视区使用newIntersectionObserver（）话不多说看代码：ex
阿湘zs·2024-02-08 19:43

Vue + Element UI中表格组件（el-table）里的输入组件（el-input）中按下回车，使光标向右移动

效果Vue2+ElementUIexportdefault{name:'TableData',data(){return{columns:[{label:'日期',prop:'date'},{label
也许明天 '·2024-02-08 18:37

vue3笔记十四(vue3自定义全局函数及变量、css新特性)

1、globalPropertiesvue3中没有Prototype属性，使用app.config.globalProperties去替代//vue2中Vue.prototype.
·某某··2024-02-08 18:55

vue3全局常量定义及使用

vue2定义全局变量可以参考以下文章Vue项目常量的使用vue3中需要适量修改一下一、创建常量文件在src下创建constant文件夹，用于存放全局常量相关配置，创建好后在其内创建module文件夹，用于存放常量文件
我是小菜鸟*·2024-02-08 18:54

vue3 - 21.定义全局函数&变量

globalProperties定义全局函数和变量：vue2的写法：vue.prototype.
啦啦朵朵·2024-02-08 18:24

vue2使用高德地图点击或搜索获取经纬度

data(){return{searchLocation:'',ruleForm:{},map:null,marker:null}},mounted(){this.initMap()this.setLocal()},methods:{//初始化地图initMap(){this.map=newAMap.Map('container',{zoom:9,//级别center:[116.397428,39
前端路上迷茫的小鲨鱼·2024-02-08 18:48

Vue2项目中使用高德地图自定义（Marker）标记点和创建（MassMarks）海量标记点

前言本篇文章就是单独分享一下在Vue2项目中如何自定义创建marker标记点和针对要创建庞大数量标记点时所采用的API，能够快速创建数量庞大的marker，不至于在浏览器渲染时产生卡顿的现象。
进击中的前端开发者·2024-02-08 18:18

创建一个VUE项目（vue2和vue3）

背景：电脑已经安装完vue2和vue3环境一台Mac同时安装vue2和vue3https://blog.csdn.net/c103363/article/details/136059783创建vue2项目
c103363·2024-02-08 17:39

Vue----导航守卫

文章目录3.5导航守卫3.5.1全局前置守卫3.5.2守卫方法的3个形参3.5.3next函数的3种调用方式3.5.4控制后台主页的访问权限src/router/index.js3.5导航守卫Vue2与
萤火虫的小尾巴·2024-02-08 17:05
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他