您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. 基于spring boot和vue的前后端分离的外卖系统

  2. 一个完整的外卖系统,包括手机端,后台管理,api 基于spring boot和vue的前后端分离的外卖系统 包含完整的手机端,后台管理功能 技术选型 核心框架:Spring Boot 数据库层:Spring data jpa/Spring data mongodb 数据库连接池:Druid 缓存:Ehcache 前端:Vue.js 数据库:mysql5.5以上,Mongodb4.0(不要使用最新版4.2) 模块 flash-waimai-mobile 手机端站点 flash-waimai-m
  3. 所属分类:Java

    • 发布日期:2020-03-25
    • 文件大小:44mb
    • 提供者:yjyhuang2012
  1. vue源码分析一.zip

  2. 在new Vue()时会调用_init()进行初始化,会初始化各种实例方法、全局方法、执行⼀一些⽣命周期、初始化props、data等状态。其中最重要的是data的「响应化」处理。初始化之后调用$mount挂载组件,主要执行编译和首次更新编译
  3. 所属分类:Web开发

    • 发布日期:2020-07-16
    • 文件大小:13kb
    • 提供者:qq_35413855
  1. vue data恢复初始化数据的实现方法

  2. 今天小编就为大家分享一篇vue data恢复初始化数据的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-10-16
    • 文件大小:46kb
    • 提供者:weixin_38606294
  1. vue.js 解决v-model让select默认选中不生效的问题

  2. 笔者今天在开发中遇到一个看起来很神奇的问题,平时编辑的页面我们select下拉选框利用vue.js 的v-model来实现自动选中,今天无论如何都选不中,后来经过很久的复查和大神的一句话终于解决这个这个问题,顺便分享一下。 问题 先上代码: 上图是前端的H5页面 下面是js代码: 一眼看上好像也没有什么问题。js 在初始化的时候,调用后台接口,取到数据然后传递给vue里面定义的data里面。并且前端页面除了select不能正常选中,其他的input 框的数据也都全部显示出来了(因为涉及一些
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:158kb
    • 提供者:weixin_38635449
  1. vue将data恢复到初始状态 && 重新渲染组件实例

  2. 1. 将data恢复到初始状态 Object.assign(this.$data, this.$options.data()) // 初始化data 这里的 this.$options.data() 作为源对象, this.$data 作为目标对象。源对象覆盖并合并目标对象中的内容,即有则覆盖,无则添加。 2. 重新渲染组件 方法一:v-if(可以重置生命周期) 虽然能实现重新渲染,但不推荐首选 方法二:给组件加key值【推荐】 通过修改key的值,就会重新渲染该组件 方法三:this.$f
  3. 所属分类:其它

    • 发布日期:2020-11-19
    • 文件大小:85kb
    • 提供者:weixin_38707192
  1. Vue组件和Route的生命周期实例详解

  2. 先讲点实际的 实用点的钩子: Created:vue实例被生成后的一个生命周期钩子函数。(页面初始化数据加载一般写这里); beforeCreate:给个loading界面 created撤销loading; beforeDestory:你确认删除XX吗? destoryed:当前组件已被删除,清空相关内容 关于Vue组件生命周期,翻译后图示: module.exports = { //props: ['父组建传的值'], data:function(){ l
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:190kb
    • 提供者:weixin_38526650
  1. vue 检测用户上传图片宽高的方法

  2. 需求: 用户可上传3-6张图片(第 1 2 3 张必须传),上传的图片必须是540 * 330 像素。 第一步,获取上传的图片的宽高。 初始化一个对象数组,宽高均设为0。 如果用户上传的图片没有上限,可以动态修改这个对象数组。 data: picArray:[ { width:0, height:0 }, { width:0, height:0 }, { width:0, height:0 }, { width:0,
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:41kb
    • 提供者:weixin_38526914
  1. Vue中this.$nextTick的作用及用法

  2. Vue实现响应式后DOM的变化 data对象中数据改变是如何追踪的? vue将遍历data对象中所有的属性,并通过 Object.defineProperty 把这些属性全部转为 getter/setter;但是我们是没有办法看到 getter/setter的,但是在内部它们让 Vue 能够追踪依赖,在属性被访问和修改时通知变更。 每个组件都对应一个 watcher 实例,它会在组件渲染的过程中把“接触”过的数据属性记录为依赖。之后当依赖项的 setter 触发时,会通知 watcher,从
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:131kb
    • 提供者:weixin_38546024
  1. 详解swiper在vue中的应用(以3.0为例)

  2. 一、使用方法 官网地址 参考此文章(点击我) 二、常见情况 图片需要动态获取时 待数据加载成功且渲染完毕后,进行节点初始化。例: axios.post(‘接口地址', 参数).then(response => { this.pages = response.data; //pages 渲染数据的数组 this.$nextTick(() => { //渲染结束 // mySwiper 里面的属性按需配置,详情见官网 let mySwiper =
  3. 所属分类:其它

    • 发布日期:2020-12-03
    • 文件大小:51kb
    • 提供者:weixin_38565628
  1. vue自定义指令之面板拖拽的实现

  2. 前言 在指令里获取的this并不是vue对象,vnode.context才是vue对象,一般来说,指令最好不要访问vue上的data,以追求解耦,但是可以通过指令传进来的值去访问method或ref之类的。 vue指令 官方文档其实已经解释的蛮清楚了,这里挑几个重点的来讲。 1、arguments el: 当前的node对象,用于操作dom binding:模版解析之后的值 vNode: Vue 编译生成的虚拟节点,可以在上面获取vue对象 oldVnode: 使用当前指令上一次变化的nod
  3. 所属分类:其它

    • 发布日期:2020-12-02
    • 文件大小:50kb
    • 提供者:weixin_38750003
  1. 浅谈vue中关于checkbox数据绑定v-model指令的个人理解

  2. vue.js为开发者提供了很多便利的指令,其中v-model用于表单的数据绑定很常见, 下面是最常见的例子: {{msg}} js里data初始化数据 [removed][removed]     [removed]         new Vue({             el: "#myApp",             data() {                 re
  3. 所属分类:其它

    • 发布日期:2020-12-02
    • 文件大小:60kb
    • 提供者:weixin_38714162
  1. 在vue项目创建的后初始化首次使用stylus安装方法分享

  2. 项目创建报错: This dependency was not found: * !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-1d57e5ea","scoped":false,"hasInlineConfig":false}!stylus-load
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:30kb
    • 提供者:weixin_38697328
  1. Vue中用props给data赋初始值遇到的问题解决

  2. 前言 前段时间做一个运营活动的项目,上线后产品反馈页面埋点不对,在排查过程中发现,问题竟然是由于Vue中的data初始值导致,而data的初始值来自于props。为方便描述,现将问题抽象如下: 一、现象 代码: 用props初始化data中变量 [removed][removed] <div id
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:297kb
    • 提供者:weixin_38682953
  1. 使用Vue实现调用接口加载页面初始数据

  2. 闲着没事写了一个电影推荐的网页,很简单,使用的是Vue的实现. let vm = new Vue({ el:'#content', data:{ name:'', pic:'', actor:'', detail:'', link:'' }, mounted:function () { this.getMovie(); }, methods:{ getMovie:function () { var _this = th
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:28kb
    • 提供者:weixin_38686658
  1. 通过源码分析Vue的双向数据绑定详解

  2. 前言 虽然工作中一直使用Vue作为基础库,但是对于其实现机理仅限于道听途说,这样对长期的技术发展很不利。所以最近攻读了其源码的一部分,先把双向数据绑定这一块的内容给整理一下,也算是一种学习的反刍。 本篇文章的Vue源码版本为v2.2.0开发版。 Vue源码的整体架构无非是初始化Vue对象,挂载数据data/props等,在不同的时期触发不同的事件钩子,如created() / mounted() / update()等,后面专门整理各个模块的文章。这里先讲双向数据绑定的部分,也是最主要的部分。
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:100kb
    • 提供者:weixin_38674569
  1. vue data恢复初始化数据的实现方法

  2. 在我们进行vue开发过程中,经常会保存一些页面,此时,我们在app.vue的配置如下, 以此来保存页面,那么在再次进入这些页面的时候,我们需要重置该页面的原始数据,那么该如何进行呢?是不是要讲每个数据进行重写,答案是否定的。利用Object.assign 以及vue的数据可以快速重置。 Object.assign(this.$data, this.$options.data()) Object.assign() —-详
  3. 所属分类:其它

    • 发布日期:2020-12-30
    • 文件大小:44kb
    • 提供者:weixin_38580759
  1. vue 修改 data 数据问题并实时显示的方法

  2. 首先,定义一个变量: (以下以本人写的为例) 首先定义一个变量: 然后,给变量赋值: 如果想要修改数据,主要代码如下: 然后界面上要记得绑定数据id: 就Ok了。 拓展知识:Vue刷新修改页面中的数据方法 因为Vue对象一旦生成之后,如果只是修改Vue对象中的数据,在页面上是不会自动更新的,得用Vue.set()函数来进行修改,函数格式为Vue.set(data,’para’,’value’),其中data为Vue创建时传输的data对象名,后面两个参数分别是data对象中的变量名称与值
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:65kb
    • 提供者:weixin_38538224
  1. Vue学习之旅Part6:通过例子和示意图弄懂Vue的八大生命周期

  2. 一、概述 Vue实例从创建 运行 到销毁期间 伴随着的各种各样的事件 这些事件 统称为生命周期 生命周期钩子就是生命周期事件的别名 生命周期钩子 = 生命周期函数 = 生命周期事件 这三个都是一样的东西 不过叫法不同而已 Vue总共分为三个大的生命周期 即:创建 运行 销毁 和人的一生也很像:出生 活着 死亡(跑题辽 主要的生命周期函数: 创建期间的生命周期函数: beforeCreate:实例刚在内存中被创建出来 此时还未初始化完毕data和methods created:实例已经在内存中创建
  3. 所属分类:其它

    • 发布日期:2021-01-08
    • 文件大小:324kb
    • 提供者:weixin_38514805
  1. Vue2.0 $set()的正确使用详解

  2. vue2.0 给data对象新增属性,并触发视图更新 如下代码,给 student对象新增 age 属性 data () { return { student: { name: '', sex: '' } } } 众所周知,直接给student赋值操作,虽然可以新增属性,但是不会触发视图更新 mounted () { this.student.age = 24 } 原因是:受 ES5 的限制,Vue.js 不能检测到对象属性的添加或删除。因
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:113kb
    • 提供者:weixin_38537968
  1. Vue2.0 $set()的正确使用详解

  2. vue2.0 给data对象新增属性,并触发视图更新 如下代码,给 student对象新增 age 属性 data () { return { student: { name: '', sex: '' } } } 众所周知,直接给student赋值操作,虽然可以新增属性,但是不会触发视图更新 mounted () { this.student.age = 24 } 原因是:受 ES5 的限制,Vue.js 不能检测到对象属性的添加或删除。因
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:113kb
    • 提供者:weixin_38626075
« 12 3 4 »