Vue入门指南

什么是Vue的响应式数据（Reactivity）？

Reactivity是一个多义词，其含义和应用领域广泛。以下是对Reactivity在不同领域的详细解释：1.基本含义名词：Reactivity主要用作名词，其基本含义为“反应”或“反动”。发音：英式发音为[ˌriːækˈtɪvəti]，美式发音相同。2.语言学中的含义在语言学中，Reactivity通常指一个词或短语对刺激的反应性或敏感性。3.计算机科学中的含义系统响应能力：在计算机科学中，Re
软件技术NINI·2024-09-04 07:45

第四章 细节处理

1.手动调用effect如果我们在数据更新之后第一时间不想去更新视图，我们在官方的vue中就可以通过effect中的一个配置来实现，即effect.scheduler。因此我们也需要实现这个功能。
DT——·2024-09-04 07:45

第六章 手写computed函数

1.computedvue中，计算属性api主要是通过其所依赖的响应式数据来动态计算所需要的值。在Vue3中，它的本质上其实是一个函数，该函数返回一个ref对象，其value属性就是计算结果。
DT——·2024-09-04 07:45

第七章 手写watch 实现

1.创建watch函数在Vue3中，watch是一个函数，这个函数接收三个参数，前两个是必须的参数，第三个是一个配置参数。
DT——·2024-09-04 07:45

Ant 前端框架

Ant学习官网https://antdv.com/docs/vue/introduce-cn/1.面包屑--面包屑--面包屑第一级--左边添加图标首页--面包屑第二级--左边添加图标系统设置--面包屑2
atennis003·2024-09-04 06:12

Vue前端框架选型论证

Model：负责保存应用数据，与后端数据进行同步Controller：负责业务逻辑，根据用户行为对Model数据进行修改View：负责视图展示，将model中的数据可视化出来。但是，但是前端MVC也存在一些严重的问题：model和view的数据交互，非常的混乱，而且维护起来非常麻烦。这就是灵活开发带来的后遗症。拿backbone举个例子，backbone将Model的set和on方法暴露出来，方便
2401_84434086·2024-09-04 06:40

前端框架的演变与选择

2.前端框架的演变2.1早期的Web开发2.2JavaScript库的兴起2.3MVC架构的引入3.现代前端框架概览3.1React3.2Vue.js3.3Angular4.其他值得关注的前端框架4.1Svelte4.2Ember.js5
宣晨光·2024-09-04 06:39

vue+element-ui 实现table单元格点击编辑，并且按上下左右键单元格之间切换

通过我的测试我发现两个两种方法来编辑单元格的内容第一种点击编辑：我是给td里添加一个input，将值赋值给input，当失去焦点的时候将input的值付给td原来的内容，然后将input删除，代码如下：letoldel=cell.children[0]if(column.label!="日期"){if(cell.children.length>1){return}防止点击cell再次创建input
weixin_34238633·2024-09-04 04:55

Cannot read properties of undefined (reading ‘_android’)

记录：问题Cannotreadpropertiesofundefined(reading‘_android’)vue3+ts使用qrcodejs2插件生成二维码报错Cannotreadpropertiesofundefined
久违的小技巧·2024-09-04 03:23

Vue2路由守卫：解决路由传参页面刷新后参数消失的问题

这里就涉及到1）新建表单，跳转至新页面（点击的表单不同，打开的页面不同）->动态路由2）从跳转前的页面向新页面传递参数->路由中的参数传递动态路由在Vue中，动态路由是指根据特定的路径参数来动态加载路由组件
我是飞鸟呀·2024-09-04 03:21

根据地址获取经纬度

1：安装依赖与引入调用腾讯地图api前需要先去注册并申请key在vue项目中的/public文件夹中的index.html的head中写入安装lodash：npminstall--savelodash安装
牧杉-惊蛰·2024-09-04 02:45

vue项目vant下拉刷新，上拉加载，实现切换Tab页面数据下拉加载更多（分页）

1、html结构//原本这里我是写在上面的van-tab里面嵌套的，结果调用接口的时候会有bug(切换tab时接口的分页数据total为20条，结果渲染30条出来)所展示的内容2、data参数data(){return{pageNo:1,pageSize:10,loading:false,finished:false,active:'',listName:["Tab","所展示","的","内容"
番茄小酱001·2024-09-04 02:14

微信小程序 全局共享数据 Mobx 在页面及组件上使用

一前言在小程序中，常常有些数据需要在几个页面或组件中共享，对于这样的数据，在web开发中，有些朋友使用过redux、vuex之类的状态管理框架。在小程序开发中，也有不少朋友喜欢用MobX。
尚梦·2024-09-04 02:43

golang教程推荐

语言高级编程:https://chai2010.cn/advanced-go-programming-book/GoWeb编程:http://go-web-programming-cn.github.io/Go入门指南
kdbshi·2024-09-04 00:05

文件切片上传-仅学习记录

二、前期博客浏览参考：本文链接：文件分片上传【前端】_分片上传原理-CSDN博客本文链接：前端大文件切片上传，断点续传、秒传等解决方案，vue中使用实例，react同理_前端文件切片_刘伟坤的博客-CSDN
qq_41562817·2024-09-04 00:04

vue , 微信小程序 , uni-app绑定变量属性

在Vue、微信小程序和uni-app中，绑定变量属性是常见的需求，用于实现数据的动态展示和交互。这些框架或平台都提供了各自的方式来绑定变量属性。下面分别介绍它们如何做到这一点。
小鼠米奇·2024-09-04 00:01

SprinBoot+Vue在线商城微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 23:00

鸿蒙 ArkTS声明式 UI 语法

然而，需要注意的是，ArkTS和ArkUI的声明式UI语法是特定于鸿蒙系统的，与Web开发中使用的React、Vue等框架的语法有所不同。
读心悦·2024-09-03 23:28

http常用缓存策略及vue-cli单页面应用、服务器端(nginx)如何设置缓存或者禁用

问题描述vue项目打包上线之后，每一次都会有浏览器缓存问题，需要手动的清除缓存。这样用户体验非常不好，所以我们在打包部署的时候需要尽量避免浏览器的缓存。
前端李小白·2024-09-03 22:55

vue项目使用艺术字体

目录1、下载免费字体2、字体下载完成之后，这些字体不能直接使用，需要进行转换格式3、将woff文件放在static静态资源文件夹里面4、在公共样式的css文件中引入该字体（公共样式的文件要在main.js引入）5、使用方法1、下载免费字体这些是我找的一些下载字体的网站（有些事需要收费的）字体天下软件站字谷网有字库2、字体下载完成之后，这些字体不能直接使用，需要进行转换格式转换格式（转换为.woff
煮豆燃豆萁~·2024-09-03 22:21

Vue中自动批量注册组件

使用require提供的函数context加载某一个目录下的所有.vue后缀的文件。
吴晓博·2024-09-03 22:51

Vue瀑布流布局

虽然会写js的瀑布流布局，但是在Vue框架下使用，还是要稍作修改，毕竟要减少DOM操作。
薛文诚·2024-09-03 22:20

vue 批量自动引入并注册组件或路由

有时候有大量的组件.vue后缀的,或.js,或.ts文件,需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js本项目使用vue3.x,vue2.x也可以照样用;这里在components
yang295242361·2024-09-03 22:19

瀑布流布局 vue

步骤2：Vue组件接下来，创建一个Vue组件来处理瀑布流逻辑。exportdefault{data(){return{items:[//示例数据{src:'image
爱猪头的程序猿·2024-09-03 22:49

vue3 Bate setup属性介绍

对于vue3，在上篇做了一个简单基本的介绍，没有观看的可以点击：vue3简单了解，vue3的好处就不多说了，此篇是介绍vue3一些基本的属性和组件用途。
whhh·2024-09-03 21:11

vue2开发心得

computed中的属性是响应式的，这意味着当它们的依赖项发生变化时，Vue将自动更新依赖于这些计算属性的任何DOM。2.Object.assign()函数Object.assign()函数用于
Albert.H.Holmes·2024-09-03 20:11

Vue路由—进阶篇

文章目录路由守卫1、路由全局守卫全局前置守卫：全局后置守卫：2、路由独享守卫3、组件内部守卫组件前置守卫：组件更新守卫：组件离开守卫：路由元信息路由组件过渡特效本篇内容讲述了更多关于Vue路由这方面的知识点
扼流挽·2024-09-03 19:32

Vue指令系统

文章目录一、v-bind二、v-on事件对象事件修饰符三、v-if四、v-show五、v-forv-for和v-if的注意事项一、v-bind标签属性绑定指令，用来动态控制属性值v-bind指令可以为某个属性绑定上一个动态值，也可以直接绑定一个对象，这个对象的属性会成为标签的属性，值就是属性值。v-bind还可以简写，一般都是采用这种写法（把v-bind去掉，直接写个冒号就行了）二、v-on事件绑
扼流挽·2024-09-03 19:01

VUE之旅—day2

文章目录Vue生命周期和生命周期的四个阶段created应用—新闻列表渲染mounted应用—进入页面搜索框就获得焦点账单统计（Echarts可视化图表渲染）Vue生命周期和生命周期的四个阶段思考：什么时候可以发送初始化渲染请求
今日上上签-·2024-09-03 19:01

vue脚手架的创建

一、安装node环境切换阿里云镜像npmconfigsetregistryhttps://registry.npm.taobao.org2、全局安装vue-cli和webpack已经安装过node.js
熟悉的新风景·2024-09-03 19:00

解锁 Vue3 新技能：Transition和TransitionGroup 的奇妙世界

一、Transition1、简介Transition是Vue的一个内置组件，用于制作基于元素状态变化的动画效果，无需注册即可在任意组件实例中使用。
努力的小朱同学·2024-09-03 18:55

Bus通信

Bus通信在组件之外定义一个bus.js作为组件间通信的桥梁，适用于比较小型不需要vuex又需要兄弟组件通信在untils文件夹创建bus.jsimportmittfrom'mitt'exportconstemitter
前端小菜鸟也有人起·2024-09-03 18:55

Vue-生命周期钩子

Vue.js的生命周期钩子是指在Vue实例的不同阶段会被调用的一组函数。这些钩子函数允许你在特定的生命周期阶段执行自定义的代码。
好哈优学编程·2024-09-03 17:24

VUE纯前端导出excel表格功能

插件：使用vue-json-excel插件实现Vue纯前端导出简单的Excel表格功能。
KAGHQ·2024-09-03 17:53

alias和redirect的区别

1redirect：重定向{path:'/home',name:'home',component:()=>import('@/components/a.vue'),redirect:'/index'//
qq_41068783·2024-09-03 17:52

keep-alive动态缓存配置

vue项目中，列表进入详情返回列表需要缓存；但是点击菜单又不需要缓存，所以需要结合keep-alive设置页面动态缓存keep-alive设置includes缓存数组import{computed,watch
qq_41068783·2024-09-03 17:21

$listeners在vue3中使用

vue2中使用$attrs从父组件传递数据给子组件嵌套组件，父组件通过通过$listeners监听子组件的事件vue3把把$attrs和$listeners统一合并到$attrs中代码示例：File组件
qq_41068783·2024-09-03 17:51

ElementUI、sass、若依后台管理系统踩坑 --＞ 项目打包后字体图标偶发性乱码

文章目录一、我遇到的问题二、问题分析三、如何解决1.node-sass2.升级sass、配置vue.config.js一、我遇到的问题公司希望快速搭建一个后台管理系统，技术选型后决定使用若依后台管理系统的前后端分离版
YZiAngel·2024-09-03 17:51

vue+elementui+mybatis-plus实现分页

前端：-->{{scope.row.id}}{{scope.row.username}}{{scope.row.rolename}}权限修改封停账号//下面这个组件是页数的组件constaxios=require('axios');exportdefault{data(){return{tableData:[],currentPage:1,pageSize:9,total:null}},creat
一抹清风似少年·2024-09-03 16:49

Vuex：全面指南及使用示例

学习Vuex：全面指南及使用示例Vuex是一个专为Vue.js应用设计的状态管理库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
程序员小徐同学·2024-09-03 16:48

结合Vue与Mybatis-plus优雅的设计分页展示

分页技术组件的实现与前端显示在这个示例中，我们将结合Vue.js前端代码、请求处理逻辑、以及后端Java代码，实现分页功能。
程序员小徐同学·2024-09-03 16:15

taro+vue微信小程序文本换行

文本换行在微信小程序中br是不管用的无法识别解决方法：使用\n例子：文本换行{{br}}文本换行文本换行文本换行文本换行文本换行文本换行文本换行文本换行exportdefault{data(){return{br:"\n",};},},
杨关古道·2024-09-03 15:07

点击旋转箭头样式

实现效果：html界面，主要通过isdown来控制箭头是上还是下退出登录import{ref}from'vue'constisdown=ref(false)return{isdown}scss.user
aleluye·2024-09-03 15:05

vue中css使用变量

1、在css中使用变量1、css中声明变量--color：red2、使用变量color:var(--color)//color:red获取到全局声明变量值为red2、使用vue中的变量1、再htm标签中
aleluye·2024-09-03 15:05

vue nuxt scss node express MongoDB 实现的简单文章发布系统

mynuxt是一个文章增删改查系统因为目前的spa单页项目对seo很不友好，如果你希望自己的网站在seo这块有较好的支持，可以尝试一下SSR技术，nuxt.js就是专门针对vue这一问题实现的技术，因此这一次我就尝试写了一个项目
qq_36320160·2024-09-03 14:29

nuxt3连接mongodb操作

在Nuxt3中连接MongoDB并进行操作，你可以使用nuxtServerInit生命周期钩子来初始化数据库连接，并在组件中使用Vue的setup函数来执行数据库操作。
Rverdoser·2024-09-03 13:26

Ruoyi-vue实现导出PDF

引入依赖com.itextpdfitextpdf${itextpdf.version}com.itextpdfitext-asian${itext.asian.version}工具类packagecom.ruoyi.common.utils.file;importcn.hutool.core.date.DateUtil;importcom.itextpdf.text.Element;importc
yu_zheng5163·2024-09-03 13:52

vue.js项目实战案例源码

技术栈：Vue.jsVueRouterVuexAxiosBootstrap主要功能实现：文章列表展示：使用Axios从后端API获取文章列表数据。在Vue组件中展示文章标题、摘要和发布日期等信息。
前端码趣逗士·2024-09-03 12:18

使用 Nginx 部署前端 Vue 项目：跨平台详细指南

它可以快速处理静态内容，同时支持负载均衡、反向代理等功能，非常适合部署前端应用，如Vue项目。二、准备工作：构建Vue项目在部署之前，首先需要将Vue项目进行打包构建，生成可部署的静态文件。
Hello.Reader·2024-09-03 11:14

课程37：Docker持久化部署（数据库、日志、配置文件）

前言本文是《.NetCore从零学习搭建权限管理系统》教程专栏的课程（点击链接，跳转到专栏主页，欢迎订阅，持续更新…）专栏介绍：以实战为线索，基于.Net7+REST+Vue、前后端分离，不依赖任何第三方框架
编程乐趣·2024-09-03 10:38
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他