由于是学习阶段，在接收数据的时候，发现前端发送数据正常，后端服务器接收不到？ 这是怎么回事呢？网上查了很多方法，最后发现 如果是 post方式提交需要在 SpringBoot项目中的Controller 接收参数的时候用@RequestBody 注解一下就行了；get方式则不需要注解 简单说明一下：因为post方式提交的时候会包装成一个json字符串，而get方式传参时 直接追加到地址后面，因此 后台接收get请求不用@RequestBody 注解 前端页面发送数据，添加...
<template> <div><div id="components-form-demo-advanced-search"><a-form class="ant-advanced-search-form" :form="form" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }" @submit="handleSearch" :headers="headers"><a-row :gutter="24"><a-colv-for="v,i in headers":key="i":span="8":style="{ display: i < count ? block : none }"><a-form-item :label="`${v}`" ><a-inputv-decorator="[`${v}`,{rules: [{requ...
Demo技术组合选择 主应用 UmiJS ， 子应用同时支持 Umi , Vue2.x , Vue3.x(不稳定) demo示例 https://github.com/ldinger/umi-qiankun-vue-demo.git说明 ：本例是参考 umi-plugin-qiankun 添加了vue 子应用 。 applications 为所有应用目录 ， 安装完环境 后在各各应用目录 分别 执行 tyarn 或者 yarn 安装 依赖 包后在根目录执行 tyarn start master 主应用 --基于 umijs app1 子应用 --基于umijs vueapp2 子应用 --基于 vue 环境...
vue-cli2 1.新建mock文件夹，然后建立你的json文件 2.配置文件（bulid->webpack.dev.conf.js） 3.axios请求该接口即可 vue-cli3（更简单） vue-cli3主打零配置，所以配置起来更加的简单 然后axios请求即可
很多人会问，我已经v-for循环了，我数据也跟着变了，那么为什么我用自定义指令渲染的数据为什么不变呢？ 很好，我来给您老人家答疑解惑： 因为就v-for来说，其实这个兄弟内部存在着一种机制“就地复用”，什么叫“就地复用”？这个东西就是在我自定义指令上面已经存在数据了，那么我就不再渲染新的dom了，这个也有一种“缓存”的感觉存在，这个东西虽然避免了重复渲染，会使页面再这里不需要重新加载，但是更多的时候他并不符合我们...
Vue中的双向数据绑定是如何实现的 Vue的双向数据绑定是通过数据劫持结合发布者订阅者模式来实现的 vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图。 具体步骤： 第一步： 需要observer的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter和getter 这样的话，给这个对象的某个值赋值，就会触...
Vue学习之数据监听Observer类实现 创建脚本文件 文件名：Observer.js 在index.html中引入脚本文件<script src="Observer.js"></script> 创建Observer类，并在构造函数中传入Vue实例的data数据。 class Observer {constructor(data) {this.observer(data);}// 实现数据变化监听observer(data) {} }在MyVue.js中构造Vue实例时初始化Observer类 class MyVue {// 构造函数constructor(options) {this.$el = options.el;this.$data = op...
之前在写vue项目的时候，使用组件开发时出现了一个数据类型错误，当时由于时间关系没有去解决这个问题，后面有朋友也遇到了相同的问题，还不是一处，很多地方都遇到了这种数据类型的错误，如下图上面图示：给出了我们警告提示组件中想要的数据明显是Number类型，而我们给的数据确是String，产生这一现象是什么原因呢，差不多就是后端人员在设计数据库的时候，没有考虑到前端是用什么数据类型实现的这一效果，从而造成了现在这样的数...
咸鱼翻身不断上演 2018年5月份，北京，在所谓的互联网寒冬里，一个普通二本的学生，在小公司工作一年后，跳槽拿到了百度的offer，月薪从9k变为17k，涨薪幅度接近100%。 2018年底，上海，一个只有高中学历的同学，通过培训加入了IT行业，刚开始他的月薪只有6k，一年后，他的月薪变为了16k，涨幅接近167%。 2019年3月，北京，一个xx科技学院毕业的的普通二本，在小公司跌跌撞撞半年后，今年年初突然开挂，成功拿到了百度、小米、网易...
使用vue-resource请求数据的步骤 1、需要安装vue-resource模块 注意加上 --save npm install vue-resource --save /cnpm install vue-resource --save 2、在main.js中引入vue-resource3、在组件里面直接使用 this.$http.get(地址).then(function(){ }) 例子： 获取请求的数据，把请求的数据输出到ul中。
一 Vue数据双向绑定原理： Vue数据双向绑定原理是通过数据劫持结合发布者-订阅者模式的方式来实现的，首先是对数据进行监听，然后当监听的属性发生变化时则告诉订阅者是否要更新，若更新就会执行对应的更新函数从而更新视图。二 在vue2.x版本中，数据劫持是用过Object.defineProperty这个API来实现： Object.defineProperty的一些问题递归遍历所有的对象的属性，这样如果我们数据层级比较深的话，是一件很耗费性能的事情 只能应用在...
Mockjs生成模拟数据 在前端进行开发的时候，我们需要拿到后端的接口，然后调用进而拿到后端所提供的数据；但在实际情况当中，有可能后端的接口还没有设计好，但是你想要拿到数据进行测试，这个时候该怎么办呢？ 这个时候，就该体现mockjs的作用了，它可以为我们提供模拟的数据，让我们在开发中便于测试，当后端接口设计好后，我们只需要将对应的接口请求函数的路径换掉，其他的地方不变，这样就大大提高了我们的开发效率。最近我也...
语法 数据绑定最常见的形式就是使用“Mustache(胡子)”语法 (双大括号) 的文本插值<span>{{ message}}</span>Mustache 标签将会被替代为对应数据对象上message属性的值。无论何时，绑定的数据对象上message属性发生了改变，插值处的内容都会更新<!DOCTYPE html> <html> <head><meta charset="utf-8"><title></title><!-- 开发环境版本 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <d...
:src="item.url + ?timestamp= + new Date().getTime()" 一定要给图片加时间戳 我试过加key 好像页面一直刷新，不知道神魔原因
第一步 在某个标签内添加 根据getGoodsTypeColor方法先判断某个标签的状态值 根据状态值去获取颜色