一、JSON 语法规则:JSON 是存储和交换文本信息的语法在开发过程中,经常需要和别的系统交换数据,数据交换的格式有XML、JSON等,JSON作为一个轻量级的数据格式比xml效率要高,XML需要很多的标签,这无疑占据了网络流量。1、JSON可以有两种格式一种是对象格式的: {"name":"JSON","address":"北京市西城区","age":25}//JSON的对象格式的字符串 另一
转载
2023-06-13 14:56:28
2420阅读
<!DOCTYPE html><html lang="zh-CN"><head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...
原创
2022-04-24 00:23:58
1072阅读
点赞
<!DOCTYPE html><html lang="zh-CN"><head> <title></title> eta name="viewport" content="width=device-wi...
原创
2021-07-28 11:10:49
2002阅读
vue 数组和对象渲染问题 最近项目有点忙碌,遇到好多问题都没有总结(╥﹏╥),在开发过程中,取vuex中的数组渲染完成之后,再次修改数组的值,数据更新了,但是视图并没有更新。以为是数组更新的问题,后来又以为是因为vuex导致的问题. 最后强制刷新组件解决了问题,但是还没有找到根本问题的所在...
转载
2018-12-18 16:15:00
197阅读
2评论
前言在 Vue 核心中除了响应式原理外,视图渲染也是重中之重。我们都知道每次更新数据,都会走视图渲染的逻辑,而这当中牵扯的逻辑也是十分繁琐。本文主要解析的是初始化视图渲染流程,你将会了解到从挂载组件开始,Vue 是如何构建 VNode,又是如何将 VNode 转为真实节点并挂载到页面。挂载组件($mount)Vue 是一个构造函
转载
2023-10-14 07:12:09
195阅读
这里给大家分享一下vue中的一些技巧,希望对大家有用处。(话不多说上代码)1,vue路由拦截浏览器后退实现表单保存类似需求(为了防止用户突然离开,没有保存已输入的信息。)//在路由组件中:mounted(){},beforeRouteLeave (to, from, next) { if(用户已经输入信息){ //出现弹窗提醒保存表单,或者自动后台为其保存 }else{ next(tr
1. import JsonViewer from 'vue-json-viewer' 只可以读: 案例: <div style=" width: 1000px; margin: auto; margin-top: 35px;"> <json-viewer v-model="form.headers
原创
2022-09-20 12:03:01
833阅读
一、条件渲染1、v-if 和v-else 条件渲染就是,通过改变条件来决定一些东西是否出现在页面中。如v-if和v-else,此要成对出现,且放在同级别标签中。如下例子,当v-if为true时,页面显示hello world 。当v-if为false时,则显示 你好 世界。<p v-if="isShow">hello world<
转载
2024-03-19 08:46:14
253阅读
备注:vue.3.0的生命周期与渲染等机制有变化,这里仅是适用vue2.0一、vue2.0生命周期beforeCreate(创建前)、created(创建后) beforeMount(载入前)、mounted(载入后) beforeUpdate(更新前)、updated(更新后) beforeDestroy(销毁前)、destroyed(销毁后)二、问题: 1.vue第一次页面加载会触发四个钩子函
转载
2024-02-28 08:33:12
200阅读
1. 场景: 有一个检索池,检索条件可以自定义一个,检索条件对应的数据动态加载,检索条件对应的项不确定,有 sleect,input, dateRabge.... 2. 需求遇到的问题 1. 方案1: 使用 v-html 解决,1. 不能解决数据动态加载问题,2. 不能解决项目是 innput se ...
转载
2021-08-17 17:54:00
365阅读
2评论
个人github仓库地址:https:github.com/aehyok本文讲解代码仓库地址 :https:github.com/aehyok/vue-… 目前基于dev分支进行开发和测试本demo已部署腾讯云 vue.tuokecat.com(服务器配置较低,如有访问比较慢,请耐心等待)table封装路径为根路径下的 vue-qiankun/common/components/form/form
转载
2023-10-26 05:22:45
105阅读
let data=[{id:1,name:'张三'},{id:2,name:'李四'}];方法一:使用 filter过滤data=data.filter(item=>item.name!='张三');结果输出:[{id:2,name:'李四'}] 方法二:使用 splice 移除data=data.map((item,index)=>{
if(item.name=='张三
转载
2022-05-10 09:54:00
2798阅读
# 如何实现 Java 后台接收 Vue JSON 数组
## 前言
在前后端分离的开发中,前端通常使用 Vue 框架来构建用户界面,而后台则使用 Java 进行业务逻辑的处理。在这种情况下,前端向后台传递数据通常采用 JSON 格式。本文将教会你如何实现 Java 后台接收 Vue JSON 数组的过程。
## 流程图
首先,让我们通过一个流程图来了解整个实现过程:
```mermai
原创
2024-01-21 08:18:52
246阅读
Vue.js是一种流行的JavaScript框架,用于构建现代化的Web应用程序。它提供了许多功能和工具,使开发人员能够轻松地构建用户界面和处理数据。Axios是一个强大的HTTP客户端,用于在Vue.js应用程序中发送请求和接收响应。在本文中,我们将探讨如何使用Vue和Axios来传输JSON数组到后端。
首先,让我们了解一下什么是JSON数组。JSON(JavaScript Object N
原创
2023-09-16 07:53:19
682阅读
当你耐心看完,绝对有收获监听的本质是什么?其实就是调用了Object.defineProperty 这个方法,将数据变为响应式数据(1)如何对对象监听其属性呢?通过读Vue源码可以知道,定义了一个方法 叫做defineReactive,接收三个参数,第一个参数:对象名,第二个参数,对象的键,第三个是对象的值。在其内部调用Object.defineProperty()方法,实现数据的响应式。&nbs
转载
2024-04-09 11:39:00
75阅读
Vue 是一套用于构建用户界面的渐进式框架,是MVVM模型,它包括声明式渲染、组件系统、客户端路由、状态管理、构建体系,我们可以根据自己的需求来应用其中的功能。在Vue的基础语法中,渲染的方式有条件渲染、列表渲染。1.条件渲染 用Vue进行条件渲染可以使用v-if和v-show指令,它们都是用于渲染某一部分内容,因为它们的渲染是需要满足条件才能
转载
2024-01-11 09:01:28
95阅读
条件渲染有时候我们要根据数据的情况,决定标签是否进行显示或者有其他动作。最常见的就是,表格渲染的时候,如果表格没有数据,就显示无数据。如果有数据就显示表格数据。 Vue 帮我们提供了一个v-if的指令,帮助我们完成判断的模板处理。 <div id="app">
<h1 v-if="ok">Yes</h1>
<h1 v-else>No<
转载
2024-04-16 14:59:45
145阅读
在工作中,有次遇到要把返回的字符串分割成两部分,一部分用另外的样式显示。
这时候,我想通过对得到字符串进行处理,在需要特别样式的字符串片段用html标签(用的span)包裹起来再通过变量绑定就好了。不过此时绑定变量的vue指令要用v-html。测试方案的过程很顺利。不过后面单独为自动添加的标签(span)设定需要的css样式时(直接在vue单页面的css区域加的样式),并没有起作用,浏览器检查元素
转载
2024-02-04 11:08:37
72阅读
前言在做大屏的时候,遇到的一个小的需求:两个按钮,要求鼠标悬停一个按钮,动态显示一个组件示例的成图是这样的 当然,实际的大屏不是这样的,另一个图也是一个热力图,但是现在接口还没写完,所以先拿这个例子展示了做法动态渲染组件其实我个人知道的有两种方式v-if以及is属性但是我更推荐大家用is属性,配合component标签来达到效果,废话不多说 上教学,我们要有三个东西component标签,在这里是
转载
2024-04-18 08:43:35
189阅读
-- 矩阵(Matrix), Matrix动画 矩阵(Matrix)是一个按照长方阵列排列的复数或实数集合,最早来自于方程组的系数及常数所构成的方阵。在物理学中,矩阵于电路学、力学、光学和量子物理中都有应用;计算机科学中,三维动画制作也需要用到矩阵。 矩阵的运算是数值分析领域的重要问题。 Matrix动画 ColorMatrix动画.利用 M
转载
2024-05-08 13:05:20
91阅读